Кейс с использованием товарных элементов
В этой статье покажем, как можно использовать товарные элементы на примере магазина сыров. Прочитать подробнее о товарных элементах можно по ссылке.
Мы создадим каталог из двух товаров. Кликнув на карточку товара в товарной секции, посетители будут переходить на отдельную страницу товара с его подробным описанием. Отдельные страницы товаров соберем из товарных элементов.
Оглавление:
Создаем каталог с карточками товаров
Создаем каталог из секции Товары. Позже для каждой карточки создадим отдельную страницу товара с его подробным описанием.
Создаем шаблон страницы товара
Теперь создаем отдельную страницу, на которой разместим товарные элементы в желаемом дизайне. Привязывать элементы к товару на этой странице не требуется.
Созданный шаблон страницы мы будем использовать для копирования и создания новых страниц товаров.
Создаем страницы товаров копированием шаблонной страницы
Для создания страницы товара переходим в раздел Страницы и дублируем шаблон.
Каждой страницы товара присваиваем уникальный адрес, который позже укажем как ссылку на страницу этого товара в разделе Товары.
Привязываем товарные элементы на странице к товару
Прежде чем привязывать товарные элементы, убедитесь, что товары добавлены в раздел Товары.
Для групповой привязки товарных элементов можно выделить элементы:
- С помощью горячих клавиш Command+A (MacOS) или CTRL+A (Windows);
- Вызвав контекстное меню правой кнопкой мыши и выбрав Привязать товар.
Подробнее о том, как привязать/отвязать товарные элементы, читайте в статье.
После привязки товара к товарным элементам наша страница выглядит так:
Указываем ссылку на страницу товара
Для того, чтобы клик по карточке товара или товарному элементу открывал страницу товара, необходимо указать ссылку в настройках товара.
Переходим в раздел Товары. В настройках товара включаем тогл Добавить ссылку на страницу товара и указываем адрес соответствующей страницы.
Настраиваем действие при клике Перейти на страницу товара
Действие при клике Перейти на страницу товара доступно:
- в настройках Карточки товарной секции,
- в настройках товарных элементов Заголовок и Изображение,
- в кнопке Подробнее товарной секции.
Настроим действие для двух опций.
В карточке товарной секции
В настройках карточки выберем Перейти на страницу товара в качестве действия при клике.
Кнопка Подробнее в товарной секции
Кнопка Подробнее ведет только на страницу товара. Добавляем ее в карточки товарной секции. На сайте она отображается только в карточках тех товаров, для которых добавлена ссылка на отдельную страницу товара.
В настройках Товарных элементов:
Также доступны действия: Ничего не делать, Добавить в корзину и Увеличить картинку (для Изображений)
Звонок по России бесплатный
8 (800) 555-45-12
© 2012 – 2024 ООО «Флексби»
