Tobto.shopДовідка

Тема: розкладка, колір шапки й шаблони магазину

Тема задає кольори, шрифт і розкладку вітрини. На екрані «Контент і дизайн → Теми» ви змінюєте ці налаштування без коду, а «Шаблон магазину» одразу наповнює магазин під вашу нішу.

Як змінити розкладку вітрини

  1. Відкрийте «Контент і дизайн → Теми» і налаштування активної теми.
  2. Оберіть варіанти. Для перевірки сторінки каталогу перемкніть перегляд на «Каталог».
  3. Збережіть і перегляньте вітрину.
Налаштування Варіанти
«Логотип» у шапці «Зліва» або «По центру» (по центру — на широких екранах від 1280 px)
«Посилання на категорії» «Під шапкою» або «У рядку шапки»
«Кнопки» «Заливка» або «Контур»
«Форма кнопок» «Як кути», «Прямі», «М'які»
«Розташування фото» товару «Фото зліва», «Фото справа», «Фото зверху»
«Блок покупки завжди на виду» ціна й кнопка «Купити» не прокручуються разом із фото (на комп'ютері)
«Товарів у рядку» «За шириною», 2, 3 або 4
«Картка в списку» «З рамкою», «Без рамки», «Компактна»
«Фільтри» «Ліворуч», «Над товарами», «За кнопкою»
«Банер» головної «Текст і фото», «На всю ширину», «Компактний»
«Порядок розділів» головної кнопки «Вище» / «Нижче» для банера, переваг, категорій, добірок, відгуків, розсилки й SEO-тексту

На телефоні шапка завжди компактна (логотип зліва, категорії в меню), фото товару завжди зверху, у рядку два товари, а фільтри відкриваються кнопкою. Розділ головної без вмісту не показується. Якщо головну зібрано з блоків у «Контент і дизайн → Головна сторінка», діє порядок блоків звідти.

Теми з магазину тем (наприклад, Fashion чи Electronics) мають власні варіанти за замовчуванням. Вони застосовуються лише там, де ви нічого не обрали самі: ваш вибір завжди важливіший.

Як змінити колір шапки

У групі «Фон шапки» (рядок з логотипом, пошуком і кошиком) оберіть «Світлий», «Графітовий», «Чорнильний» або «Свій колір».

  • На темній шапці текст стає білим, а логотип отримує світлу підкладку.
  • Якщо на обраному тоні не читається ні білий, ні темний текст, з'явиться попередження, і вітрина залишить світлу шапку.
  • Так само «Контур» для кнопок вмикається, лише якщо основний колір достатньо контрастний на тлі сторінки; інакше кнопки лишаються суцільними.

Шаблони магазину

«Налаштування → Шаблон магазину» створює оформлення, категорії з фільтрами, демо-товари, сторінки, доставку й оплату для ніші. Доступно 12 шаблонів:

  • Одяг і взуття
  • Електроніка
  • Косметика
  • Продукти та їжа
  • Товари для дому
  • Дитячі товари та іграшки — вік і стать як фільтри, зріст і розмір взуття як варіанти
  • Зоотовари — фасування й смак корму як варіанти, вологий корм упаковкою
  • Спорт і туризм — розміри одягу й взуття, вага гантелей
  • Автотовари та запчастини — сумісність за маркою й типом авто, OEM-номер
  • Квіти та подарунки — сторінка доставки на дату й час, «Отримувач — інша особа» у формі замовлення
  • Інструменти та будівництво — продаж на м, м², пог. м, кг і пачками
  • Універсальний

Як застосувати шаблон і видалити демо-дані — у статті Швидкий старт.

Див. також