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

ЧТО ВКУПАЕТЕ

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

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

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

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

1. Адаптивность - макеты проверены от 320 до 1440 px с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Ванильный JavaScript - сумка, фильтрация, сортировка, мобильная навигация и reveals при прокрутке в одном небольшом скрипте - без библиотек, без шага сборки.
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. Используйте в клиентских проектах, продавайте с ним, сохраняйте всё, что вы зарабатываете. Признание благодарности приветствуется, но не обязательно.

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

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