Магазины
Пузырь
Магазин газировки в постерной эстетике
Контрастный Y2K-магазин газировки: постерная обложка, каталог вкусов, карточка товара и рабочая корзина.
Категория
Магазины
Страницы
6
Версия
1.0.0
Обновлён
2026-11-11
О шаблоне
«Пузырь» — сайт газировки с характером. Белая база, чёрные рамки, жёлтые и синие блоки, огромная типографика и хромированные акценты. Шесть страниц: постерная главная, каталог с фильтром вкусов, страница «Манго-шторма» с выбором объёма и табами, корзина с подсчётом суммы и промокодом, манифест с историей и контакты. Корзина сохраняется в браузере, у товаров работает количество и удаление.
Что уже есть
- Шесть связанных страниц
- Бегущая строка с кнопкой паузы
- Переключатель газа с анимацией пузырьков
- Фильтр вкусов в каталоге
- Корзина с localStorage, количеством и удалением
- Промокод и пересчёт итогов
- Табы и аккордеон на странице товара
- Формы заказа и подписки с проверкой полей
Состав шаблона
index.html
Главная
Постерная обложка с банкой, вкусы, манифест и подписка.
catalog.html
Вкусы
Каталог из шести вкусов с фильтром и добавлением в корзину.
product.html
Манго-шторм
Страница вкуса: объём, количество, состав, доставка и отзывы.
cart.html
Корзина
Корзина с количеством, промокодом, итогами и демо-оформлением.
about.html
Манифест
История бренда, принципы, производство и команда.
contacts.html
Контакты
Форма, оптовые заказы, адреса и FAQ.