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

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

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

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

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

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

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

ЗАПУСК В ПЯТИ МУЖЕСТВЕННЫХ МИНУТ

1. Разархивируйте и откройте - Двойной клик по index.html - работает прямо с рабочего стола, без сервера или npm install.
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 лицензия. Используйте для клиентских проектов, продавайте вместе с ним, сохраняйте все, за что вы взимаете плату. А attribution благодарность, но не обязательно.

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

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