В Liquid есть доступ ко всем логическим операторам и операторам сравнения.
| Атрибут | Назначение | Расположение |
|---|---|---|
| data-product-id | Обязательный атрибут для инициализации товара, принимает id товара | Тег form который является обёрткой для всех полей товара |
| action | Обязательный атрибут для формы добавления товара в корзину, принимает url корзины. Тег необходим для отправки формы при отключенном JavaScript в браузере | Тег form который является обёрткой для всех полей товара |
| data-product-variants | Обязательный атрибут для вывода Option Selectors | Тег select в котором выведены все модификации товара |
| data-quantity | Обязательный атрибут для обёртки кнопок изменения колличества и инпута quantity | Внутри формы с атрибутом data-product-id |
| data-quantity-change | Атрибут для кнопок +/-, принимает число | Внутри обёртки с атрибутом data-quantity |
| data-item-add | Добавление товара в корзину, для данного атрибута следует использовать тег button[type="submit"] | Внутри формы с атрибутом data-product-id |
| name="comment" | Комментарий к позиции заказа, для работы поля с данным атрибутом комментарии к заказам должны быть включены в бэк-офисе | Input[type="text"] внутри формы с атрибутом data-product-id |
Свойства которые можно задать через метод setConfig:
| Property | Default | Назначение |
|---|---|---|
| options | Пустой объект | Через данный объект задаются шаблоны для вывода опций |
| fileUrl | Пустой объект | Объект для хранения картинок из раздела «Файлы» |
| decimal | Пустой объект | Колличество символов после запятой, для единиц измерения |
| filtered | false | Если значение true, то в шаблоне вывода опций доступно свойство disabled Если значение false, то недоступные опции не выводятся в шаблон. |
| showVariants | true | При значении false, рендер опций не производится |
| initOption | true | Отмечать активные опции при инициализации? |
| useMax | false | Использовать максимальное колличество? Если значение true, в quantity невозможно указать колличество больше чем доступно на складе. |
| Атрибут | Назначение | Расположение |
|---|---|---|
| data-cart-form | Обязательный атрибут для тега form | Тег form для корзины |
| data-item-id | Обязательный атрибут для позиций в корзине. Атрибут принимает id позиции. | Обертка для позиции в корзине |
| data-product-id | Обязательный атрибут для инициализации товара. В атрибут передаётся id товара. | Обертка для позиции в корзине |
| data-item-delete | Удаление из корзины | Обертка для позиции в корзине |
| data-cart-update | Обновление корзины | Внутри обёртки с атрибутом data-cart-form |
| data-cart-update | Обновление корзины | Внутри обёртки с атрибутом data-cart-form |
| data-cart-clear | Очищение корзины | Внутри обёртки с атрибутом data-cart-form |
| data-coupon-submit | Отправка купона | Внутри обёртки с атрибутом data-cart-form |
| data-quantity | Обязательный атрибут для обёртки кнопок изменения колличества и инпута quantity | Внутри обертки с атрибутом data-product-id и data-item-id |
| data-quantity-change | Атрибут для кнопок +/-, принимает число | Внутри обёртки с атрибутом data-quantity |
