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

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

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

• index.html - полная демонстрационная страница, которую вы видите
• style.css - комментированная дизайн-система, палитра в одном блоке :root
• script.js - мешок, выдвижной ящик, формы, анимации прокрутки (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. Также можно перенести разметку в виджеты Elementor HTML.

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

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