Перейти до основного контенту
Усі колекціїРедактор дизайну
Налаштування дизайну сторінки товару
Налаштування дизайну сторінки товару

Налаштування сторінки товару у редакторі дизайну

Оновлено понад місяць тому

В редакторі дизайну ви можете змінювати не тільки зовнішній вигляд і порядок розташування елементів сторінки товару, но також визначати її структуру — кількість колонок у верстці.

Налаштування сторінки товару відбувається в Сайт → Дизайн → Редактор дизайну → Сторінка товару.

Налаштування сторінки товару в редакторі дизайну — Хорошоп

Візуальний стиль

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

Стиль сторінки товару в редакторі дизайну — Хорошоп

  • Шаблон сторінки — вибір одного з двох можливих варіантів розташування колонок в верстці сторінки: 2 колонки або 3 колонки. Це налаштування визначає порядок розташування секцій сторінки, яке ви побачите в вкладці Структура сторінки. До налаштування додано підказку із схематичним зображенням макета секцій.

2 колонки

3 колонки

Колонки

Ці налаштування доступні тільки при виборі шаблону 2 колонки. В такому разі ви можете задати співвідношення ширини колонок одна до одної, а також встановити мінімальну ширину кожної з колонок в пікселях.

Приклади налаштувань пропорції шаблону в дві колонки

Без компонентів в верхньому блоці

Співвідношення

L 1/3 - R 2/3

Співвідношення

L 2/3 - R 1/3

Групи компонентів

Група — це декілька компонентів на сторінці, які обʼєднані в загальний блок на сторінці товару. В кожній групі компоненти можуть відображатись послідовно один за одним (з розділювачем або без нього) або бути зібраними в закладки (таби).

Приклад групи, що поєднана в таби

Приклад групи, що поєднана в таби — Хорошоп

Структура сторінки

У цій вкладці налаштувань ви побачите схематичне відображення секцій на сторінці товару, яке залежить від обраного в Візуальному стилі сторінки шаблону.

Шаблон сторінки товару в редакторі дизайну — Хорошоп

В кожній секції будуть відображатись групи компонентів, які в ній знаходяться. Компоненти можна переміщувати як всередині групи, так і в інші групи. Також ви можете змінювати порядок відображення груп в секції, або переміщати групу між секціями.

Ви отримали відповідь на своє запитання?