Полный магазин Sound Theory — один HTML-файл, один файл стилей, один скрипт и шесть фотографий. Работает на любом хостинге, смена бренда за минуты, лицензия MIT.

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

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

• index.html - полнофункциональная демо-страница, которую вы видите
• style.css - прокомментированная дизайн-система, палитра в одном блоке :root
• script.js - корзина, выдвижной ящик, формы, появления при прокрутке (Vanilla JS)
• /img - шесть фотографий CC0, оптимизированных для веба
• README.md + INSTALL.md - руководство по настройке и устранению неполадок

Лицензия MIT: используйте в клиентских проектах, меняйте бренд, продавайте как часть своей сборки. Фотографии CC0 - коммерческое использование, без атрибуции.

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

1. Адаптивность к 320 px - проверено на 360 / 390 / 768 / 1024 / 1440 px без горизонтального переполнения. Двухколоночная сетка и панель вкладок в стиле приложения на телефонах.
2. Рабочая корзина - Добавление, удаление, количество и итог - сохраняются в браузере, выдвижной ящик, оформление заказа, которое открывает готовое письмо с заказом.
3. Мягкий для глаз - спокойный фон бумаги, один акцентный цвет, Fraunces + Inter - вся палитра перекраивается из одного блока :root.
4. Безопасно без JavaScript - Контент скрывается только после подтверждения активности JS, поэтому ошибка скрипта не может оставить пустую страницу.

LIVE ЗА ПЯТЬ МРОЗГ

1. Разархивируйте - вы получаете одну папку со всем внутри. Без npm, без фреймворка, без ключа лицензии.
2. Загрузите - перетащите папку на ваш хост или в /wp-content/uploads/ для страниц WordPress.
3. Измените две строки - откройте script.js и укажите ваш почтовый ящик, валюту и заметку о доставке.
4. Откройте index.html - поменяйте название бренда, цены и тексты — или оставьте как есть. Затем публикуйте.

Используете Elementor? Вставьте HTML в виджеты HTML и загрузите style.css + script.js один раз через Elementor - Custom Code. Цвета? редактируйте блок :root в начале style.css.

ПОЧЕМУ ПОКУПАТЕЛИ ВЫБИРАЮТ ЭТО

• Сейчас же: разархивируете, поменяете две строки, загрузите. Нет инструментов сборки, нет фреймворков, нет ключа лицензии, нет подписки.
• Цена обеда: $49 -> $19, навсегда. Нет обратного отсчета, нет фальшивого дефицита — скидка просто цена.
• Без привязки: код с лицензией MIT и фотографии CC0. Используйте в клиентских проектах, меняйте бренд, перепродавайте созданное вами.
• Мгновенная загрузка: оформление заказа, доставка и повторные загрузки обрабатываются за вас — заплатите один раз, и zip окажется в вашей библиотеке сразу.

FAQ

Нужен ли WordPress или Elementor?
Нет. Это простой HTML, CSS и JavaScript — работает на любом хосте, включая GitHub Pages. Также можно перенести разметку в виджеты Elementor HTML.

М могу ли я изменить бренд и цвета?
Да. Название бренда есть в HTML, палитра находится в одном блоке :root в начале style.css. Измените их, и весь сайт перекрасятся.

Можно ли использовать это для работы с клиентами?
Да — лицензия MIT на код и фотографии CC0. Используйте на клиентских проектах, меняйте бренд, продавайте то, что вы соберете поверх.