Товарные элементы

Товарные элементы —это новый тип элементов, которые мы можем использовать в редакторе. Они отличаются от привычных нам элементов возможностью привязать их к товару, добавленному в разделе «Товары». 

Элементы можно размещать вне товарных секций, а именно: в карточках, колонках и свободных секциях.

Чтобы добавить Абсолютный (свободный) элемент, кликните правой кнопкой мыши в пустой области секции и выберите Добавить элемент. Свободные элементы можно перемещать по секции, привязывая к нужной вам точке.

Чтобы добавить Статичный товарный элемент, кликните иконку + в редакторе секции.

Товарные элементы находятся на вкладке Товарные.

Так как товарные элементы подтягивают данные из раздела Товары, необходимо заранее создать карточку товара в разделе.

Чтобы привязать элемент к товару, кликните на элемент и нажмите кнопку Выбрать товар. В открывшемся списке укажите нужный товар.

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

Для выделения сразу нескольких товаров используйте сочетание клавиш:

• Command + A (MAC OS)
• CTRL + A (Windows)
  

После привязки товара элементы автоматически заполнятся данными из его карточки в разделе Товары. 

Товарный элемент можно также привязать к конкретному варианту товара. Для этого в карточке товара кликните на спойлер с количеством вариантов и выберите нужный.

Чтобы отвязать товар, откройте настройки элемента и кликните значок Отвязать товар. Отвязывать элементы от товара можно только по одному, групповая отвязка не предусмотрена.

Для удобства работы с товарными элементами предусмотрены следующие возможности:

1. Отображение 3-х последних выбранных товаров в окне привязки
Для удобства вы видите три последних товара, к которым привязывали элементы.

2. Фиксация варианта
Данная опция активна, когда вы привязывает элемент не к товару, а к одному из его вариантов.

По умолчанию все варианты зафиксированы (замок закрыт), т.е. изображение выбранного варианта не меняется при переключении опций товара.

Если снять фиксацию варианта (замок открыт), вариант отображается при загрузке страницы, но меняется при выборе других опций.

3. Переход на страницу товара из товарной секции
Настройте открытие отдельной страницы товара при клике на карточку товара или ее компоненты.

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

Затем укажите ссылку в карточке товара в разделе Товары. Для этого активируйте тогл Добавить ссылку на страницу товара.

Теперь выберите Перейти на страницу товара в качестве Действия при клике:

• для карточки товара целиком – во вкладке Карточка в настройках товарной секции;
•  для товарных элементов Название и Изображения — в настройках самих элементов;
• для товарного элемента кнопка «Подробнее» – при добавлении ссылки на страницу товара данная опция работает автоматически.
  

4. Переход в карточку товара из настроек товарного элемента

5. Переменная {price} для товарных элементов с кнопкой
Добавьте переменную {price} в поле с текстом кнопки и цена подтянется автоматически. Это делает карточку более лаконичной и позволяет создать кнопку Купить за *** рублей.