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

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

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

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

ЧАСТО ЗАДУВАЕМЫЕ ВОПРОСЫ

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

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

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