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" внутри корзины;
- Если у вас два меню в зеро блоке на странице, продублируйте к элементам в фиксированном меню те же настройки, что и для первого меню;