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

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

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

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

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

СОЗДАНО ТАК, ЧТО БЫСТРО РАБОТАЕТ МАГАЗИН

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

ЧАВО

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

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

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