Интернет-магазин для кондитерской мастерской

В большинстве интернет-магазинов с которыми мне доводилось работать, самым интересным является карточка товара. Оно и не удивительно, ведь там происходит вся магия и чем больше информации, тем сложнее пользователю сделать правильный заказ. В данном магазине кондитерских изделий были реализованы 2 вида карточек товара, одна для дисертов, конфет и прочих сладостей, а вторая для тортов. Дело в том что в тортах много различных опций, которые были реализованы вот таким образом:


Заказывая торт, можно выбрать его вес, либо подобрать вес для конкретного количества персон. Чем больше вес, тем больше ярусов можно выбрать. Для каждого яруса можно выбрать свою начинку, которая появляется во всплывающем окне после клика по нужному ярусу. В разделе топпинги, можно выбрать сопутствующие товары из соответствующих разделов, например свечи, хлопушки, колпаки и т.д.. достаточно выбрать количество, товар будет подсвечен и добавится к заказу. Все выбранные опции сразу же подсчитываются и выводится итоговая стоимость с красивой анимацией пересчета. Как по мне очень удобное и понятное решение, которое я с удовольствием реализовал.


Для всех остальных сладостей, кроме тортов, был реализован второй вид карточки товара, в котором доступно только количество и информация о самом товаре, такая как состав, вес и т.д.. В админке можно задать количество добавляемых товаров за раз, например если продается упаковками по 6 штук, то каждый раз будет добавляться по 6, а если поштучно, то по одному.


Карточка товара в категориях:

Информационная панель прилепает к верху экрана браузера при прокрутке вниз и возвращается обратно при прокрутке вверх: