Создаем каталог из секции Товары. Позже для каждой карточки создадим отдельную страницу товара с его подробным описанием.

Теперь создаем отдельную страницу, на которой разместим товарные элементы в желаемом дизайне. Привязывать элементы к товару на этой странице не требуется.

Созданный шаблон страницы мы будем использовать для копирования и создания новых страниц товаров.

Для создания страницы товара переходим в раздел Страницы и дублируем шаблон. 

Каждой страницы товара присваиваем уникальный адрес, который позже укажем как ссылку на страницу этого товара в разделе Товары.

Прежде чем привязывать товарные элементы, убедитесь, что товары добавлены в раздел Товары.

Для групповой привязки товарных элементов можно выделить элементы:

1. С помощью горячих клавиш Command+A (MacOS) или CTRL+A (Windows);
2. Вызвав контекстное меню правой кнопкой мыши и выбрав Привязать товар.

Подробнее о том, как привязать/отвязать товарные элементы, читайте в статье.

После привязки товара к товарным элементам наша страница выглядит так:

Для того, чтобы клик по карточке товара или товарному элементу открывал страницу товара, необходимо указать ссылку в настройках товара. 

Переходим в раздел Товары. В настройках товара включаем тогл Добавить ссылку на страницу товара и указываем адрес соответствующей страницы. 

Действие при клике Перейти на страницу товара доступно:

• в настройках Карточки товарной секции,
• в настройках товарных элементов Заголовок и Изображение,
• в кнопке Подробнее товарной секции.
  

Настроим действие для двух опций.

В карточке товарной секции

В настройках карточки выберем Перейти на страницу товара в качестве действия при клике.

Кнопка Подробнее в товарной секции

Кнопка Подробнее ведет только на страницу товара. Добавляем ее в карточки товарной секции. На сайте она отображается только в карточках тех товаров, для которых добавлена ссылка на отдельную страницу товара.