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

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

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

• index.html - полноценно демонстрационная страница, на которой вы сейчас находитесь
• style.css - комментированная система дизайна, палитра в одном блоке :root
• script.js - корзина, выдвижной ящик, формы, появления при прокрутке (ванильный 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, поэтому ошибка скрипта не оставит пустой страницы.

ЖИВОЙ ЗА ПЯТЬ МУНЕТ

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

FAQ

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

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

Можно ли использовать это в работе с клиентами?
Да - лицензия MIT