Полноценный, адаптивный витрина: семантический HTML, один комментируемый дизайн-система в CSS, ванильный JavaScript, сгенерированное графическое оформление товаров и полная SEO-разметка. Без фреймворков, без шага сборки, без лицензионного ключа.

ЧТО ВКЛЮЧЕНО

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

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Mobile-first, без фреймворков.
• script.js - 4 КБ ванильного JS: навигация, фильтрация, сортировка, корзина, разворачивание при прокрутке.
• img/ - сгенерированное SVG-изображение товаров - маленькое, четкое в любом размере, перекраска под вашу палитру.

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

СДЕЛАНО ТАК, КАК ДОЛЖЕН РАБОТАТЬ МАГАЗИН

1. Адаптивность - макеты проверены от 320 до 1440 пикселей с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - корзина, фильтрация, сортировка, мобильное меню и прокрутка с эффектами в одном маленьком скрипте — без библиотек, без шага сборки.
3. SEO-готовность - семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в голове страницы.
4. Перекраска одной палитрой - вся сайт перекрашивается из одного закомментированного блока :root в начале style.css.

РАБОТАЕТ УЖЕ В ПЯТИ МЕТРАХ МИНУТ

1. Распакуйте и откройте - Дважды щелкните index.html - работает прямо с рабочего стола, без сервера или установки npm.
2. Внесите ваши данные - script.js запускается с небольшим CONFIG-блоком: адрес поддержки и ваши данные, 30 секунд.
3. Брендирование - поменяйте текст бренда в шапке и цветовые токены в style.css - сайт перекрасятся вокруг них.
4. Загрузите - перетащите папку на Netlify Drop, GitHub Pages или любой статический хост - сайт будет активен менее чем за пять минут.

ПОЧЕМУ ПОКУПАТЕЛЕЙ ЭТОТ ВАРИАНТ ИНТЕРЕСЕН

• То, что видите, то и получите: живой демо запускает точно такой же код, что и загруженный вами — те же файлы, то же поведение.
• Проверено перед выпуском: протестировано от 360 до 1440 px без переполнения, без сломанных изображений и без ошибок в консоли.
• Ваше право продавать: лицензия MIT - используйте в клиентских проектах или продавайте как часть вашего собственного сборки.
• Мгновенная загрузка: оформление заказа, доставка и повторные загрузки обрабатываются за вас — заплатите один раз и zip окажется в вашей библиотеке сразу же.

FAQ

Нужно ли средство сборки?
Нет. Распакуйте, откройте index.html, он работает. Загрузите папку на GitHub Pages, Netlify Drop или любой общий хост.

Можно ли изменить цвета?
Да — блок :root в начале style.css держит все цвета, шрифты и радиусы, используемые на странице.

Что можно с этим сделать?
Лицензия MIT. Используйте в клиентских проектах, продавайте с ним, держите все, за что вы берете плату. Отображение авторства приветствуется, но не обязательно.

Где редактировать текст?
Все тексты — обычный HTML в index.html. INSTALL.md перечисляет каждый блок, который стоит изменить в первую очередь.

Как мне получить это?