Полностью адаптивная витрина: семантический 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 px с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - Корзина, фильтрация, сортировка, мобильная навигация и эффекты прокрутки в одном небольшом скрипте — без библиотек, без шага сборки.
3. SEO-ready - Семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в заголовке страницы.
4. Перекраска одной палитрой - Весь сайт перекрашивается из одного закомментированного блока :root в начале style.css.

LIVE МОЛНИЕНОГО ДОСТУПА ЗА МОЛЧЕНОЙ ПЯТЬЮ МИНУТ

1. Распакуйте и откройте - Дважды щелкните index.html - работает прямо с рабочего стола, без сервера и установки npm.
2. Введите ваши данные - script.js начинается с небольшого блока CONFIG: поддержка email и ваши данные, 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 перечисляет каждый блок, который стоит поменять в первую очередь.

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