В редакторі дизайну ви можете змінювати не тільки зовнішній вигляд і порядок розташування елементів сторінки товару у десктопній версії, але й визначати її структуру — кількість колонок у верстці.
Налаштування сторінки товару відбувається в Сайт → Дизайн → Редактор дизайну → Сторінка товару.
Зверніть увагу: налаштування для мобільної версії здійснюються незалежно від десктопної у розділі Сайт → Дизайн → Редактор дизайну → Мобільна версія сайту → Сторінка товару.
Візуальний стиль
Тут можна визначити шаблон верстки сторінки та встановити колір та візуальний вигляд груп компонентів на сторінці.
Шаблон сторінки — вибір одного з двох можливих варіантів розташування колонок в верстці сторінки: 2 колонки або 3 колонки. Це налаштування визначає порядок розташування секцій сторінки, яке ви побачите в вкладці Структура сторінки. До налаштування додано підказку із схематичним зображенням макета секцій.
2 колонки | 3 колонки |
| 
|
Колонки
Ці налаштування доступні тільки при виборі шаблону 2 колонки. В такому разі ви можете задати співвідношення ширини колонок одна до одної, а також встановити мінімальну ширину кожної з колонок в пікселях.
Приклади налаштувань пропорції шаблону в дві колонки
Без компонентів в верхньому блоці | Співвідношення L 1/3 - R 2/3 | Співвідношення L 2/3 - R 1/3 |
| 
| 
|
Групи компонентів
Група — це декілька компонентів на сторінці, які обʼєднані в загальний блок на сторінці товару. В кожній групі компоненти можуть відображатись послідовно один за одним (з розділювачем або без нього) або бути зібраними в закладки (таби).
Приклад групи, що поєднана в таби
Структура сторінки
У цій вкладці налаштувань ви побачите схематичне відображення секцій на сторінці товару, яке залежить від обраного в Візуальному стилі сторінки шаблону.
В кожній секції будуть відображатись групи компонентів, які в ній знаходяться. Компоненти можна переміщувати як всередині групи, так і в інші групи. Також ви можете змінювати порядок відображення груп в секції, або переміщати групу між секціями.
Компоненти, після назви яких міститься символ >, можна додатково налаштовувати — для цього потрібно клікнути на назву.
Фото товару і галерея — можна міняти розмір фото, вмикати або вимикати відображення стікерів та логотипу, переміщати галерею мініатюр.
Заголовок — можна змінювати розмір, вмикати та вимикати додаткові елементи (хлібні крихти, наявність, рейтинг), змінювати положення артикулу відносно заголовка.
Ціна — є можливість відображати або приховувати наявність товару, керувати іконками Обране та Порівняння.
Вибір модифікації товару — можна налаштовувати зовнішній вигляд перемикачів модифікацій за кольором та за іншими паоаметрами.
Кнопки покупки — можна вмикати та вимикати лічильник кількості товару та кнопку покупки у кредит.
Комплект товарів — є можливість міняти положененя зображень товарів усередині блоку.
Зворотній відлік акції — можна налаштовувати колір таймера, тексту та фону.
Характеристики — можна налаштовувати стиль відображення характеристик на сторінці товару.
Опис — можна згорнути або розгорнути опис товару.
Відгуки — є можливість задати кількість відгуків, відображуваних на сторінці товару.
