Виджеты интернет-магазина

Все элементы каталога, корзины и оформления заказа собираются на страницах из отдельной группы виджетов — «Виджеты магазина», которая находится на панели «Элементы» редактора дизайна.

На разных страницах магазина доступен свой набор виджетов. В этой статье — полный список виджетов магазина с объяснением, как их можно использовать.

Categories

Список категорий магазина — с подкатегориями и ссылками на страницы этих категорий. Достаточно добавить виджет на страницу — список подтянется автоматически из категорий, добавленных в панели управления магазином. 

Для каждой категории можно показать название, иконку, текст (например, короткое описание категории) и количество товаров в ней.

Где доступен: на любой странице сайта — обычной, магазина, CMS.

Products

Карточки товаров: фото, название и цена. Виджет автоматически выводит товары каталога — на главной странице магазина показывает весь каталог, на странице категории — только товары этой категории (или дополнительно подкатегорий, если эта опция выбрана в настройках магазина).

При клике на фото или название (это настраивается) открывается страница конкретного товара.

Настроить сортировку товаров внутри самого виджета пока нельзя. Порядок задаётся в панели управления магазином — Управление магазином → Параметры → Сортировка товаров, отдельно для главной страницы и для страницы категории. Подробно — в статье

Где доступен: только на страницах магазина — «Главная магазина» и «Категория товаров».

Quantity

Счётчик количества товара, которое добавляется в корзину. Работает в паре с кнопкой «Добавить в корзину»: чтобы товар добавился, значение в Quantity должно быть больше нуля.

Где доступен:

на страницах «Главная магазина» и «Категории товаров» — только внутри виджета Products;

на странице «Карточка товара» — в любом месте внутри системного слоя Product;

на странице «Оформление заказа» — только внутри списка товаров в корзине (Order List), там он позволяет менять количество уже добавленного товара.

Cart Button

Кнопка с переходом на страницу оформления заказа. Показывает текущее количество товаров в корзине (Cart Quantity) и обновляется в реальном времени — при добавлении или удалении товара из корзины цифра на кнопке сразу меняется.

Где доступен: на любой странице сайта — обычной, магазина, CMS.

Product

Системный слой страницы «Карточка товара». Внутри него элементы страницы (текст, изображения, описание) привязываются к полям конкретного товара — названию, цене, фото, остатку, описанию и другим. Подробно — в статье

Где доступен: только на странице «Карточка товара».

Checkout Form

Основной виджет страницы «Оформление заказа» — без него остальные виджеты корзины не работают. Внутри Checkout Form находятся:

Order List — список товаров, добавленных в корзину. Количество каждого товара можно увеличивать и уменьшать прямо в списке.

Contact Info — форма с контактными данными покупателя: ФИО, телефон, email, дополнительная информация. Набор полей фиксированный, но какие из них обязательны для заполнения — можно настроить в панели управления магазином (Управление магазином → Параметры → Заказ, подробно — в статье

Order Summary — блок с итоговой суммой заказа и кнопкой «Оформить заказ».

Где доступен: только на странице «Оформление заказа».

Order Success

Виджет страницы «Оформленный заказ», на которую попадает покупатель после того, как заказ оформлен. Показывает динамические данные оформленного заказа: статус, данные покупателя, список товаров и итоговую сумму. 

Подробнее о том, как работает оформление заказа — в статье

Где доступен: только на странице «Оформленный заказ».