Полный магазин Roastery No.5 — один HTML-файл, один файл стилей, один скрипт и шесть фотографий. Работает на любом хосте, ребрендинг за минуты, лицензия MIT.

ЧТО ВЫ ПОЛУЧАЕТЕ

Одна папка, без инструментов сборки:

• index.html - полная демонстрационная страница, которую вы видите
• style.css - закомментированная система дизайна, палитра в одном блоке :root
• script.js - пакет (bag), выпадающее меню (drawer), формы, эффекты прокрутки (vanilla JS)
• /img - шесть фотографий CC0, оптимизированных для веба
• README.md + INSTALL.md - руководство по настройке и устранению неполадок

Лицензия MIT: используйте в клиентских проектах, ребрендинг, продажа в составе вашего собственного решения. Фотографии CC0 - коммерческое использование, без указания авторства.

СОЗДАНО ТАК, КАК ДОЛЖЕН ПОВЕДАТЬСЯ МАГАЗИН

1. Адаптивность от 320 px - протестировано на 360 / 390 / 768 / 1024 / 1440 px с нулевой горизонтальной прокруткой. Двухколоночная сетка и панель вкладок в стиле приложения на телефонах.
2. Рабочая корзина - добавление, удаление, количество и итог - сохраняются в браузере, выдвижная панель, оформление заказа, которое открывает готовое письмо с заказом.
3. Мягкий для глаз - спокойный бумажный фон, один акцентный цвет, Fraunces + Inter - вся палитра перестраивается из одного блока :root.
4. Безопасность без JavaScript - содержимое скрывается только после подтверждения активации JS, поэтому ошибка скрипта не оставит пустую страницу.

ЖИВОЙ ЗА ПЯТЬ МИНУТ

1. Разархивировать - вы получите одну папку со всем внутри. Нет npm, нет фреймворка, нет лицензионного ключа.
2. Загрузить - перетащите папку на ваш хост или в /wp-content/uploads/ для страниц WordPress.
3. Изменить две строки - откройте script.js и задайте свой почтовый ящик, валюту и уведомление о доставке.
4. Открыть index.html - изменить название бренда, цены и тексты - или оставить их. Затем опубликовать.

Пользователь Elementor? Вставьте HTML в виджеты HTML и загрузите style.css + script.js один раз из Elementor - Custom Code. Цвета? редактируйте блок :root в начале style.css.

ПОЧЕМУ ПОКУПАТЕЛИ ВЫБИРАЮТ ЭТО

• Сиюминутно доступно: распаковать, изменить две строки, загрузить. Без инструментов сборки, без фреймворков, без лицензионного ключа, без подписки.
• Цена обеда: $49 -> $19 навсегда. Без обратного отсчета, без фиктивной дефицитности - скидка просто есть цена.
• Без блокировок: код с лицензией MIT и фотографии CC0. Используйте в клиентских проектах, ребрендируйте, перепродавайте что построите поверх.
• Моментальная загрузка: оформление заказа, доставка и повторная загрузка обрабатываются за вас - заплатите один раз и ZIP окажется в вашей библиотеке сразу.

FAQ

Нужен ли WordPress или Elementor?
Нет. Это обычный HTML, CSS и JavaScript - он работает на любом хосте, включая GitHub Pages. Также можно перенести разметку в HTML-виджеты Elementor.

Могу ли я изменить бренд и цвета?
Да. Название бренда находится в HTML, палитра расположена в одном блоке :root в начале style.css. Измените их, и весь сайт перекрасится.

Можно ли использовать это для работы с клиентами?
Да - лицензия MIT