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

ЧТО ВКЛЮЧЕНО

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

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• 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-ready - семантическая разметка, метатеги, 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 перечисляет каждый блок, который можно изменить в первую очередь.

Как получить доступ к файлам
После распаковки откройте public/index.html, и вы увидите упорядоченную структуру контента.