Как можно привязать имя к определенному идентификатору?

Для привязки имени к определенному идентификатору можно использовать JavaScript. Вот пример кода, который можно добавить в раздел `<script>` вашего кода:

```javascript
document.getElementById('myLink').innerHTML = 'Моя ссылка';
```

Этот код найдет элемент с идентификатором `myLink` и изменит его содержимое на "Моя ссылка".

Чтобы работать с ссылкой без изменений в разметке, вы можете добавить атрибут `id` к вашей ссылке. Например:

```html
<a href="https://jsbin.com/cofenerezi/1/edit?html,css,output" id="myLink">Ссылка</a>
```

И затем использовать код JavaScript выше, чтобы привязать имя к этой ссылке.

.product__wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  grid-template-rows: auto auto;
  align-items: flex-start;
}

.product__wrapper:before {
  content: '';
  grid-row: 1;
  grid-column: 1 / -1;
}

.product__wrapper .image {
  grid-column: 1;
  grid-row: 1 / span 3;
}

.product__wrapper .article {
  grid-column: 2 / span 1;
  grid-row: 1;
  flex-direction: row;
  align-items: center;
}

.product__wrapper .naming  {
  grid-column: 2 / span 2;
  grid-row: 2;
}

.product__wrapper .naming  .label,
.product__wrapper .price  .label,
.product__wrapper .quantity  .label {
  display: none;
}

.product__wrapper .price {
  grid-column: 4 / span 2;
  grid-row: 1;
}

.product__wrapper .cashback {
  grid-column: 4 / span 2;
  grid-row: 2;
}

.product__wrapper .availability {
  grid-column: 2 / span 2;
  grid-row: 3;
}

.product__wrapper .quantity {
  grid-column: 1; 
  grid-row: 4;
}

.product__wrapper .links-product {
  grid-column: 4 / span 2;
  grid-row: 4;
}

.product__wrapper .availability {
  display: block;
}

.product__wrapper .image {
  width: 126px;
  height: 100%;
}