Strapi 5 CMS
Глобальные Настройки — Управляйте Магазином без Написания Кода
Раздел Storefront Setting в Strapi позволяет настраивать визуальный стиль магазина и синхронизировать его с витриной Next.js в реальном времени.
Айдентика Бренда и Навигация
Для настройки внешнего вида сайта перейдите в Storefront Setting в блоке Single Types.
- Конвертация Цен (convertToToman): Отображение цен в локальных единицах.
- Направление RTL (isRtl): Включение режима письма справа налево для арабского и фарси.
- Динамические Стили (Dynamic Styling): Изменение палитры цветов, шрифтов и ссылок на соцсети.
🌐 Главное Меню Сайта (Header Settings)
Стиль Меню (headerStyle):
Во весь экран
🌐 Главный Подвал Сайта (Footer Settings)
Стиль Подвала (footerStyle):
Во весь экран
🧩 Стили Заголовков Секций (Section Headers)
Во весь экран
🎨 Цветовые Палитры Темы (Theme Palettes)
Рекомендация по Контрасту:
Для сохранения читаемости и айдентики бренда выбирайте гармоничные контрастные цвета.
- Плавное переключение между светлой и темной темой.
- CSS-переменные автоматически применяются ко всем кнопкам и ссылкам.
- Тестируйте изменения в локальном окружении перед отправкой на продакшен.
Палитра Светлой Темы (Light Mode):
Светлая Тема по Умолчанию (Slate)hsl(0 0% 100%)
Фон
#FFFFFF
Основной
#171717
Вторичный
#F5F5F5
Акцент
#F5F5F5
Палитра Темной Темы (Dark Mode):
Темная Тема по Умолчанию (Zinc)hsl(0 0% 3.9%)
Фон
#0A0A0A
Основной
#FAFAFA
Вторичный
#262626
Акцент
#262626
📄 Макеты Внутренних Страниц (Inner Pages)
Стиль Страницы Товара:
Во весь экран
Стиль Каталога:
Во весь экран
Стиль Корзины:
Во весь экран
Стиль Оформления Заказа:
Во весь экран
Стиль Подтверждения Заказа:
Во весь экран
👤 Страницы Личного Кабинета (Account Pages)
Стиль Страницы Входа:
Во весь экран
Стиль Профиля Клиента:
Во весь экран
🎛️ Общие Элементы Интерфейса (Shared UI)
Глобальный Фоновый Узор (Global Background):
Во весь экран
Нижняя Навигация для Смартфонов (Mobile Bottom Navigation):
Во весь экран
Мгновенная Синхронизация:
Любые изменения в глобальных настройках моментально отражаются на витрине благодаря автоматической ревалидации кэша.
Каталог Модульных Блоков
Ознакомьтесь со всеми доступными блоками и их макетами.