Как объединить несколько наименований в одну метку?

Для объединения нескольких наименований в одну метку можно воспользоваться операцией конкатенации (объединения) строк. В зависимости от языка программирования, используемого в вашем коде, существуют различные способы выполнения этой операции. Ниже приведен пример на псевдокоде:

```
наименование1 = "метка1"
наименование2 = "метка2"
наименование3 = "метка3"

метка_объединенная = наименование1 + ", " + наименование2 + ", " + наименование3

вывод(mетка_объединенная)
```

Относительно изменения кода для вывода товаров на главной странице и на странице товара, вам нужно добавить условие, чтобы главная страница выводила все товары, а страница товара выводила все товары, но центрировано вокруг выбранного товара. Это зависит от вашей структуры кода и инструментов, которые вы используете. Обычно это делается путем изменения шаблона или добавления классов/стилей к элементам на странице.

Например, вы можете использовать CSS для центрирования выбранного товара на странице товара:

```css
.selected-product {
  display: flex;
  justify-content: center;
  align-items: center;
}
```

Затем, в вашем коде, вы можете добавить класс "selected-product" к выбранному товару на странице товара, чтобы он был центрирован:

```html
<div class="selected-product">
  <!-- Ваш выбранный товар -->
</div>
```

Обратите внимание, что это примеры и вам может потребоваться адаптировать их к вашему конкретному коду и требованиям.

const grouped = productData.reduce((acc, n) => (
  (acc[n.coordinates] ??= []).push(n),
  acc
), {});


for (const [ coord, data ] of Object.entries(grouped)) {
  const placemark = new ymaps.Placemark(
    coord.split(',').map(parseFloat),
    {
      balloonContent: data
        .map(n => `
          

            ${n.address}
            

            Подробнее
          
`)
        .join('

'),
    },
    {
      preset: 'islands#blueDotIcon',
      maxWidth: 300,
    }
  );

  map.geoObjects.add(placemark);
}