Модуль корзины для Joomla 4 и JoomShopping 5. Сделан на Bootstrap 5.
Модуль корзины для интернет-магазина JoomShopping 5 и Joomla 4 имеет 6 макетов вывода:
badge
. Такой модуль удобно размещать в шапке сайта или мобильной версии сайта в нижней или верхней панельках. <a>
), а кнопкой (тег <button>
). Подробнее о целях и настройке ниже.Вы хотите отображать корзину в виде выплывающей из-за края экрана панели. Согласно документации Bootstrap 5.2 для вызова или скрытия этой панели нужна кнопка-тогглер (переключатель). Это может быть как ссылка (тег <a>
), так и кнопка (тег <button>
). Вы можете создать такую кнопку самостоятельно в модуле типа HTML-код и разместить в нужном месте или же создать пункт меню с нужными атрибутами.
Однако, если Вам хотелось бы показать количество товаров около иконки корзины и при этом с её помощью открывать модуль корзины в Offcanvas - используйте макет bootstrap5-icon-btn.
Вы создаете 2 модуля с разными макетами: один с макетом bootstrap5-offcanvas (его ID нужно запомнить), второй с макетом bootstrap5-icon-btn. В настройках второго модуля нужно указать параметр "ID модуля с макетом offcanvas", чтобы при клике по кнопке с корзиной появлялся первый offcanvas-модуль. Этот параметр используется для задания атрибута data-bs-target кнопки.
Модуль с макетом bootstrap5-offcanvas рекомендуется публиковать в позиции debug
или аналогичной так, чтобы у содержимого модуля родительским элементом был тег body
. Это связано с особенностями работы CSS-свойства z-index
.