Полный, адаптивный витринный storefront: семантический 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-готово - семантическая разметка, метатеги, 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 перечисляет каждый блок, который стоит изменить в первую очередь.

Как получить файл