Я добавил виджет корзины в сайдбар!
Что было сделано:
Создан новый файл
mysite/templates/content_sidebar/cs_cart_sidebar.html. Этот шаблон использует структуруcart-widget-dynamic, которая была заранее предусмотрена в вашемcart.js.Благодаря этому виджет является полностью динамическим:
Он автоматически подтягивает в миниатюре товары из AJAX-запроса при загрузке.
Значения "Итого", количество товаров и сами элементы обновляются без перезагрузки (синхронно с главной корзиной).
Есть возможность удалять позицию прямо из сайдбара — интерфейс на это отреагирует.
Кнопка «Оформить заказ» использует атрибут
data-cart-open, что автоматически открывает глобальную всплывающую панель (#cartDrawer) благодаря логикеcart.js.
Виджет внедрён на самый верх файла
sidebar.html(над новостями).Оформление сделано в едином стиле с другими элементами сайдбара (карточка в стиле .sidebar-premium-header-services с мини-иконками и скроллом для списка услуг, если он станет длинным). Если пользователь не авторизован или корзина пуста, отображаются приятные состояния-заглушки (empty state).
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»