В редакторі дизайну ви можете змінювати не тільки зовнішній вигляд і порядок розташування елементів сторінки товару, но також визначати її структуру — кількість колонок у верстці.
Налаштування сторінки товару відбувається в Сайт → Дизайн → Редактор дизайну → Сторінка товару.
Візуальний стиль
Тут можна визначити шаблон верстки сторінки та встановити колір та візуальний вигляд груп компонентів на сторінці.
Шаблон сторінки — вибір одного з двох можливих варіантів розташування колонок в верстці сторінки: 2 колонки або 3 колонки. Це налаштування визначає порядок розташування секцій сторінки, яке ви побачите в вкладці Структура сторінки. До налаштування додано підказку із схематичним зображенням макета секцій.
Колонки
Ці налаштування доступні тільки при виборі шаблону 2 колонки. В такому разі ви можете задати співвідношення ширини колонок одна до одної, а також встановити мінімальну ширину кожної з колонок в пікселях.
Приклади налаштувань пропорції шаблону в дві колонки
Групи компонентів
Група — це декілька компонентів на сторінці, які обʼєднані в загальний блок на сторінці товару. В кожній групі компоненти можуть відображатись послідовно один за одним (з розділювачем або без нього) або бути зібраними в закладки (таби).
Приклад групи, що поєднана в таби
Структура сторінки
У цій вкладці налаштувань ви побачите схематичне відображення секцій на сторінці товару, яке залежить від обраного в Візуальному стилі сторінки шаблону.
В кожній секції будуть відображатись групи компонентів, які в ній знаходяться. Компоненти можна переміщувати як всередині групи, так і в інші групи. Також ви можете змінювати порядок відображення груп в секції, або переміщати групу між секціями.