Как добавить корзину в меню Зеро блока на Тильде?

1. Создаёшь своё меню в Зеро-блок. Загружаешь в него иконку для корзины, и вставляешь два текстовых блока: первый будет отвечать за количество товаров, а второй за сумму заказа;

2. У элементов, которые будут отвечать за корзину, сумму заказа и количество товаров указываешь классы;

Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class.

3. В генераторе указываешь:

• «Класс для корзины» – Например, mycart
• «Класс для цены» – Например, myprice
• «Класс для кол-ва» – Например, mycount
• «Символы до кол-ва», «Символы после кол-ва» – настройки для указания символов до/после количества. Например, скобка в положении до: ( и в положении после: )
• «Ссылка при пустой корзине» – Указываешь ссылку для пустой корзины (popup, якорная ссылка или ссылка на страницу с каталогом, например, #popup, внимание, не используй ссылку #opencart)
• «Текст до цены» – Если нужно указываешь текст ДО цены
• «Показывать количество при 0 товаров» – Настраиваешь показ количества при пустой корзине
• «Показывать цену при 0 товаров» – Настраиваешь показ суммы при пустой корзине
• «Показывать стандартный виджет корзины на экранах меньше 980px» – Да или нет.

4. Устанавливаешь блок корзины (ST100) на страницу;

5. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код;

Имей в виду:

• Для корректной работы модификации необходимо в настройках корзины убрать галочку в разделе «дополнительные настройки» напротив «Не сохранять товар в корзине»;
• Там же, в настройках корзины, не нужно указывать значение 0 в поле «количество дней хранения товаров в корзине»;
• Иконку с корзиной загрузите через шейп, как изображение она не будет работать;
• Текст, который отвечает за сумму заказа, советуем включить выравнивание по правой стороне и ширина текстового элемента сделать с запасом, для того что бы сумма не переносилась на другую строчку;
• Количество товаров можно сделать при помощи обычной кнопки. Задайте ей нужные размеры и цвет, после добавьте класс к ней;
• Не включайте "Не показывать кнопку открытия виджета. Ссылка для открытия виджета: #opencart" внутри корзины;
• Если у вас два меню в зеро блоке на странице, продублируйте к элементам в фиксированном меню те же настройки, что и для первого меню;