Компонент корзины на semena.ru
Введение
Компонент корзины на semena.ru написан на основе компонента sale.basket.basket, но кастомизирован по Vue. Компонент расположен по пути /local/templates/semena/components/bitrix/sale.basket.basket/preact2/
В директории компонента в файле template.php подключается файл template.js, в котором находится скомпилированное тело всей корзины.
Рабочие файлы корзины располагаются отдельно - bitrix-sale-basket-preact.
Здесь важны 5 файлов:
/package.json - файл конфигурации, где запускается команда компиляции готового кода.
/src/index.js - основной код корзины, где подключаются верхняя часть с табами типов корзины, основная часть с товарами корзины, нижняя итоговая часть корзины. Здесь правится код блока с красной обводкой в нижнем левом углу, где выводится информация по корзине. В зависимости от типа корзины, минимальной суммы заказа, от пороговой суммы до бесплатной доставки настраивается нужная информация в блоке.
/src/components/types.js - верхний блок с табами типов корзины. Здесь редактируются названия табов.
/src/components/item.js - блок с товарами корзины.
/dist/template.umd.js - файл с готовым скомпилированным кодом.
После внесения изменений в один из файлов блока корзины (index.js, item.js, types.js) нужно скомпилировать готовый код. Для этого открываем файл /package.json и запускаем команду компиляции кода - рядом со строкой "build" нажать стрелку "Run" или комбинация кнопок Ctrl+Shift+F10. После переходим в файл /dist/template.umd.js, копируем весь код и заменяем его в файле temlpate.js компонента sale.basket.basket.
Минимальная сумма заказа редактируется в файле mutator.php компонента sale.basket.basket.