В редактора на дизайна можете да променяте не само външния вид и реда на елементите на страницата на продукта, но и да определяте нейната структура — броя на колоните в оформлението.
Страницата на продукта се настройва в Уебсайт → Дизайн → Редактор на дизайна → Product page.
Забележка: настройките за мобилната версия се правят независимо от настолната версия в секцията Уебсайт → Дизайн → Редактор на дизайн → Mobile version → Product page.
Визуален стил
Тук можете да определите шаблона на оформлението на страницата и да зададете цвета и визуалния вид на групите компоненти на страницата.
Шаблон на страницата — можете да изберете една от две възможни опции за оформление на колоните: 2 колони или 3 колони. Тази настройка определя реда на секциите на страницата, които виждате в таба Оформление на страницата. Към настройката е добавен подсказка със схематично представяне на оформлението на секциите.
2 колони | 3 колони |
| 
|
Колони
Тези настройки са налични само когато изберете шаблона 2 колони. В този случай можете да зададете съотношението на ширините на колоните една към друга, както и да зададете минималната ширина на всяка колона в пиксели.
Примери за настройка на пропорцията на шаблон 2 колони
Няма компоненти в горната група | Съотношение Л 1/3 - Д 2/3 | Съотношение Л 2/3 - Д 1/3 |
| 
| 
|
Групи компоненти
Групата е няколко компонента, които са комбинирани в общ блок на страницата на продукта. Във всяка група компонентите могат да се показват последователно един след друг (със или без разделител) или могат да бъдат комбинирани в табове.
Пример за група, комбинирана в табове
Оформление на страницата
В този таб с настройки ще видите схематично представяне на секциите на страницата на продукта, което зависи от избрания шаблон в Visual style.
Всяка секция показва групи от компоненти, които се намират в нея. Можете да премествате компоненти както в рамките на група, така и в други групи. Можете също така да променяте реда на показване на групите в секция или да премествате група между секции.
Компоненти, след името на които се съдържа символът >, могат да бъдат допълнително конфигурирани — за да направите това, кликнете върху името.
Product image and gallery — можете да промените размера на снимката, да активирате или деактивирате показването на стикери и лога, да преместите галерията с миниатюри.
Page heading — можете да промените размера, да активирате и деактивирате допълнителни елементи (навигация, наличност, рейтинг), да промените позицията на SKU спрямо заглавието.
Забележка: ако полето SKU за показване на витрината е попълнено за продукта, тогава вместо SKU се показва стойността от това поле.
Price — можете да показвате или скривате наличността на продукта, да управлявате иконите Favorites и Comparison.
Product variant — можете да персонализирате външния вид на превключвателите на варианти по цвят и други параметри.
Buy buttons — можете да активирате и деактивирате брояча на количеството на продукта и бутона за покупка на кредит.
Product set — можете да промените позицията на изображенията на продуктите в блока.
Promotion countdown — можете да персонализирате цвета на таймера, текста и фона.
Attributes(Characteristics list) — можете да персонализирате стила на показване на атрибутите на страницата на продукта.
Description — можете да свиете или разширите описанието на продукта.
Reviews — можете да зададете броя на отзивите, които се показват на страницата на продукта.
Products with similar attributes(characteristics), Products from the category, Accessories — можете да показвате или скривате бутона Купи до продуктите.
