Реализовать js корзину товаров с локальным хранилищем
На странице товара есть объект в теге script let product = { id: '23', name: 'product 1',
size: '',
url: 'https://luxe-couture.site/product/product-1/',
price: '100',
}; Кликая по классу .add_to_cart товар должен проверяться по ид, если он есть в корзине, то ничего не делаем, если нет. То добавляем. Все товары в корзине должны выводиться в класс .mini_cart и иметь такую разметку:
В классе .cart__badge выводим количество товаров в корзинеВ классе .cart__total выводим сумму товаровПо клику на data-bs-title="Remove" удалять товар из локлаьного хранилища и мини корзиныКлик по классу .cart__clear очистка корзины и локального хранилищаПо клику на chekout сейчас всплывает окно модальное с контактной формой, необходимо в скрытое поле с ид product__info передавать данне о товарах в корзине (название ,ссылка на товар, сумма товара, размер и сумма всех товаров)Также требуется починить вывод товаров на странице архива https://luxe-couture.site/product/ (тут все товары выводятся независимо от галочек в фильтре бренда.А в категории https://luxe-couture.site/category/suit/ не выводится, хотя должны по умолчанию все выводится, как на странице выше.Также в фильтре не работает поиск по бренду
Frontend