Блоки магазину в конструкторі сайту

Повний перелік блоків, з яких складається інтернет-магазин: шапка з кошиком, каталог із фільтрами, сторінка товару, кошик, каса, вішліст, порівняння, кабінет покупця — і що налаштовує кожне поле.

Коли у конструкторі сайту обрано шаблон магазину, сторінки складаються з окремих commerce-блоків — кожен відповідає за свою частину: шапку, каталог, картку товару, кошик тощо. Ця стаття — довідник по кожному з них.

Блок Shop Navbar — шапка сайту з логотипом, меню, кошиком, акаунтом і вішлістом. Поля налаштування:

Shop Name / Logo — назва й логотип, якщо логотип не завантажено — показується текстова назва;

Menu links — From page tree (auto) будує меню автоматично зі сторінок, позначених "показувати в навігації" (простіше й не забудеться оновити при додаванні сторінки), або Manual list — власний список пунктів меню з довільними URL;

Show language switcher — перемикач мов, якщо сайт багатомовний;

Cart icon opens — клік на іконку кошика відкриває бічну панель (mini-cart) замість переходу на окрему сторінку кошика;

показ іконок акаунту й вішлісту та URL, куди вони ведуть.

Меню сайту (пункти, підпункти) редагується окремо через Menu Builder — див. Навігація та меню (сторінка описує старий білдер, але сам принцип побудови дерева меню той самий; для нового Site Builder дерево сторінок з позначкою "показувати в навігації" — найпростіший спосіб).

Головний банер — Shop Hero

Великий банер угорі головної сторінки: заголовок, підзаголовок, фонове зображення, і опційно рядок пошуку з URL сторінки результатів.

Плитка категорій — Shop Category Grid

Сітка карток категорій товарів (підтягуються з каталогу автоматично) з опційним заголовком секції.

Каталог товарів — Shop Catalog

Найбільший і найважливіший блок — повноцінна сторінка каталогу з фільтрами, пошуком і пагінацією. Поля налаштування:

Card style — Classic / Tech / Luxury, три готові вигляди картки товару;

Products per page — розмір сторінки пагінації;

Show filter sidebar — вмикає/вимикає всю бічну панель фільтрів;

Search box in sidebar, Price filter, Brand filter (з реальних товарів), Spec filters (з visible_filters категорії — див. Каталог товарів);

Condition/grade badge on cards — бейдж стану товару (новий/вживаний/відновлений), актуально для техніки;

Card spec keys — які характеристики показувати чіпами прямо на картці (наприклад CPU, RAM, Диск);

Product comparison + Compare page URL — вмикає кнопку "порівняти" на картках;

Wishlist heart button on cards — сердечко "додати в обране";

Smart collection slug — обмежує каталог заздалегідь налаштованою розумною колекцією замість показу всього асортименту; порожнє значення = показати все (з урахуванням інших фільтрів).

Пошук у каталозі толерантний до одруків — навіть якщо покупець введе назву товару з помилкою, релевантні збіги все одно знайдуться.

Вибрані товари — Shop Featured Products

Ручна чи автоматична підбірка товарів (позначених "featured" — див. Products-панель конструктора) із заголовком, підзаголовком, кількістю карток і стилем.

Сторінка товару

Складається з кількох окремих блоків, які можна розставити в будь-якому порядку:

Shop Product Gallery — фотогалерея товару, без додаткових налаштувань;

Shop Product Header — назва, ціна, кнопка "У кошик"; перемикачі Show warranty/shipping badges і Show Apple Pay / Google Pay button (див. Apple Pay / Google Pay);

Shop Product Description — опис товару з заголовком секції;

Shop Product Specs — таблиця характеристик; Show only these specs обмежує й впорядковує список, Hide these specs приховує конкретні поля, Hide long text values ховає задовгі значення за розгортанням;

Shop Product Reviews — відгуки покупців із заголовком секції;

Shop Related Products — "вам також може сподобатись", кількість карток і стиль;

Shop Product 3D — інтерактивна 3D-модель товару, якщо для нього завантажено модель.

Кошик, каса, підтвердження

Shop Cart Page — сторінка кошика: текст порожнього стану й URL переходу на касу;

Shop Checkout — сама каса; єдине налаштування — Cash on delivery (умикає оплату при отриманні як варіант) і URL сторінки успіху; решта (способи оплати, доставка, податок) підтягується автоматично з налаштувань доставки й податкових налаштувань воркспейсу;

Shop Order Success — сторінка подяки після оформлення, заголовок і текст повідомлення;

Order Lookup — форма "відстежити замовлення" за номером і email, без реєстрації.

Кабінет покупця

Shop Login / Register — форма входу/реєстрації, заголовок, підзаголовок і сторінка редиректу після успішного входу;

Account Dashboard — особистий кабінет: історія замовлень, збережена адреса; заголовок, URL сторінки входу (показується неавторизованим) і URL редиректу після виходу;

Shop Wishlist — сторінка обраних товарів; текст порожнього стану, URL кнопки "до каталогу", стиль карток;

Product Comparison — сторінка порівняння товарів, доданих через кнопку "порівняти" в каталозі; заголовок, підзаголовок, текст порожнього стану, і перемикач Highlight differing rows (підсвічує рядки характеристик, де товари відрізняються).