Витрина · OpenCart 3

Витрина, ради которой возвращаются.

Живой магазин на шаблоне Aero: собранная под нишу главная, каталог с тремя видами списка, продающая карточка товара, блог, истории и тёмная тема. Всё — и на телефоне.

Реальные фото Адаптив Тёмная тема PWA Истории

Открыть живое демо ↗ Смотреть витрину

aero.100300.ru

тёмная тема

3вида списка: сетка, список, таблица

5готовых тем-витрин под нишу

21экран личного кабинета в стиле темы

2темы оформления: светлая и тёмная

PWAмагазин ставится на телефон

0₽за фильтр и меню — уже в поставке

CWVскорость под требования Google

152-ФЗсогласия и cookie из коробки

Главная

Собрана под нишу, а не «как у всех»

Баннер-слайдер, лента историй, витрины хитов и новинок, преимущества, категории и бренды — блоки складываются в главную с чередованием светлых и тёмных полос. Всё редактируется без кода.

Первый экран, который держит внимание

Баннер-слайдер с крупным фото и призывом к действию.
Истории — кружки, как в соцсетях, прямо под шапкой.
Витрины товаров — хиты, новинки, скидки, «вы смотрели».
Преимущества, категории, бренды и промо — отдельными блоками.

Для разработчика

Каждый блок — отдельный модуль с общим набором оформления (фон, картинка с затемнением, цвет текста, отступы). Порядок задаётся в Дизайн → Макеты, цвет текста подбирается по яркости фона автоматически.

aero.100300.ru

Каталог

Три вида списка под любой ассортимент

Покупатель сам выбирает, как смотреть товары — сеткой, списком или таблицей, — и его выбор запоминается. Стикеры, рейтинги, ключевые характеристики и выбор цвета видны прямо в списке.

aero.100300.ru/пылесосы

Сетка

Крупные карточки с фото, стикерами «−13%» и «Новинка», рейтингом и вариантами цвета.

Фильтр, стикеры и выбор варианта — в списке

Панель фильтра — в колонке или строкой над списком.
Стикеры «Хит», «Новинка», «−26%» — настраиваются.
Выбор цвета/размера прямо в карточке списка, без захода в товар.
Табличный вид — заказ из десятков позиций и печать прайса в PDF.

Для разработчика

Фильтр — модуль FilterTAP в поставке (второй ключ не нужен). Вид списка хранится в cookie aero_view, поэтому серверный рендер и кэш совпадают с выбором покупателя.

табличный вид

Карточка товара

Всё, что нужно, чтобы решиться на покупку

Галерея, варианты с ценой, короткая сводка характеристик, покупка в один клик, подписки на цену и наличие, расчёт доставки, набор «купить вместе» и вкладки с отзывами и вопросами.

Продающая, но не перегруженная

Варианты — цвет и модификации с доплатой прямо у цены.
«Купить в 1 клик» — заказ мимо оформления.
Подписки: «сообщить о снижении цены», «нашли дешевле».
Расчёт доставки в регион и бонусные баллы.
«Купить вместе» — готовый набор с общей ценой.
Вкладки: описание, характеристики, отзывы, вопросы и ответы.

карточка товара

Экран входа в кабинет — **Кабинет и формы** — в оформлении темы.

Контент и доверие

Истории, блог и отзывы — то, что удерживает

Полноценные разделы, а не виджеты: истории в полноэкранном просмотре, блог с обложками и связью с товарами, отзывы о магазине со сводкой и фильтром.

Истории — как в приложении

Лента кружков под шапкой открывается в полноэкранный просмотр: прогресс-бары, картинка, заголовок, текст и кнопка действия.

Удобный способ показать акцию, подсказку по выбору или новинку — прямо на главной, без баннерной слепоты.

истории · просмотр

Блог

Обложки, разделы, метки, авторы и даты. Статьи связаны с товарами, у статьи — отложенная публикация и человекопонятные адреса.

ОбложкиСвязь с товарамиКомментарии

Отзывы о магазине

Страница со сводкой оценок, фильтром и формой. Ответы магазина и модерация. На главной — только оценки от четырёх.

СводкаОтвет магазинаМодерация

Статья блога — **Статья.** Обложка, текст, привязанные товары под материалом.

Страница контактов — **Контакты.** Карта, форма, мессенджеры и режим работы.

Адаптив

На телефоне — как отдельное приложение

Больше половины покупателей приходят с телефона. У Aero мобильная версия — не «сжатая десктопная», а продуманный интерфейс: липкая нижняя навигация, off-canvas меню, крупные кнопки и галереи под палец.

Мобильная главная — **Главная**Нижняя навигация: каталог, поиск, избранное, корзина, кабинет

Мобильное меню — **Меню**Off-canvas каталог с разделами

Мобильный каталог — **Каталог**Карточки и фильтр под палец

Мобильная карточка товара — **Товар**Галерея, опции и покупка

Для разработчика

Одна вёрстка на все экраны, breakpoint-ы на CSS Grid и Flex, изображения адаптивных размеров. Плюс PWA: установка на рабочий стол, офлайн-кэш и push-уведомления — магазин работает как приложение без отдельной разработки.

Тёмная тема

Отдельная палитра, а не инверсия

Тёмная тема включается по системе, переключателем в шапке или принудительно. Для неё заданы свои цвета — фон, текст, акценты и стикеры остаются читаемыми и аккуратными.

aero.100300.ru · тёмная тема

Часть 2 · Админка

Вся эта витрина настраивается изнутри

За каждым экраном витрины стоит подробная админка в едином оформлении — не набор разрозненных модулей, а одна панель и полноценные разделы. Ниже — детально, со скриншотами каждого раздела и его настроек.

Панель настроек Быстрый старт Каталог и товар Контент PWA и рассылки Скорость · SEO · право Модули Связь с автором

Панель настроек

Больше 240 настроек — в одной панели

Шесть категорий, тридцать групп, поиск по всем настройкам сразу, экспорт и импорт файла настроек, сброс группы и кэша. Всё, что на витрине, включается здесь — без правки кода.

Aero → Настройки шаблона

Экскурсия по группам — нажмите

Aero → Настройки → Цвета

Цвета

Основной цвет, фоны, текст, цена, стикеры — 21 настройка.

Все 30 групп настроек

Общие11 Цвета21 Цвета · тёмная тема20 Элементы18 Типографика7 Шапка16 Меню каталога16 Поиск10 Подвал9 Фильтр1 Каталог24 Стикеры17 Карточка товара47 Корзина7 Быстрый заказ7 Обратный звонок6 Страница контактов11 Контакты и мессенджеры13 Отзывы8 Блог5 Скорость9 SEO13 Письма1 Приложение (PWA)24 Push-уведомления21 Цели аналитики21 Аналитика6 Право (152-ФЗ)7 Панель демонстрации9 Лицензия1

Для разработчика

Кнопки панели: сохранить, сбросить группу, экспорт, импорт, сбросить кэш. Файл настроек переносится на второй магазин, но закрытый ключ подписи push и ключ планировщика в экспорт не попадают. Каждый вариант оформления собирается в отдельный файл стилей по хэшу настроек.

Первые шаги

Быстрый старт, мастер настройки и панель состояния

Магазин наполняется и настраивается за несколько кликов: демо-данные, пошаговый мастер и привычная панель OpenCart.

**Мастер настройки.** Шесть шагов: магазин, стиль, оформление, каталог, связь, право.

**Панель состояния.** Раздел Aero и FilterTAP встроены в привычное меню OpenCart.

Каталог и карточка товара

Сложный ассортимент — под контролем

Три вида списка, стикеры, кратность и упаковки с калькулятором, оптовые цены лестницей и таблицы размеров. Часть — в панели, часть — прямо в карточке товара OpenCart.

Кратность, упаковки, калькулятор

Шаг количества, единица измерения, размер упаковки и калькулятор площади — прямо во вкладке «Данные» товара.

ШагУпаковкаКалькулятор

Оптовые цены лестницей

Скидки от количества штатной механикой OpenCart — на витрине показываются лестницей с подсветкой текущей ступени.

ДиапазоныГруппы

Таблицы размеров

Одна таблица на раздел, вставка сетки прямо из Excel, привязка к разделу или товару.

Из ExcelНа раздел

Настройки каталога и стикеров

Вид по умолчанию, состав карточки списка, выбор варианта в списке; отдельная группа стикеров с условиями показа.

3 видаСтикеры

Настройки карточки товара — 47 полей — **Карточка товара — 47 настроек.** Блоки, вкладки, подписки на цену и наличие, таблицы размеров, кратность.

**Список таблиц размеров.** Привязка к разделам и товарам.

Контент-разделы

Блог, истории, отзывы и вопросы — с полной админкой

Полноценные разделы с редакторами, модерацией и связями с каталогом — в едином оформлении панели.

Список статей блога — **Блог — список.** Статьи, статусы, разделы и метки.

**Редактор статьи.** Обложка, метки, автор, отложенная дата, привязанные товары, ЧПУ.

Комментарии блога — **Комментарии.** Модерация и публикация одним действием.

**Разделы блога.** Свои категории со своими адресами.

Список историй — **Истории — список.** Обложки, период показа, порядок.

**Редактор истории.** Слайды 9:16 с заголовком, текстом и кнопкой.

**Вопросы о товарах.** Ответ из админки появляется в карточке.

Приложение и рассылки

PWA и push — управляются из админки

Настройка приложения, ключи подписи, составление рассылок с предпросмотром, статистика доставки и переходов, база подписчиков.

Составление рассылки с предпросмотром

Предпросмотр — справа сразу видно, как это покажет телефон.
Кому: все, зарегистрированные или гости — число получателей сразу.
Отправка порциями и отправка по расписанию через cron.
Статистика: доставлено, переходы и их доля от доставленных.

Для разработчика

Ключи VURF создаются один раз кнопкой; подписка на устройство хранится в базе. Битые подписки отключаются автоматически. Уведомление о смене статуса заказа — с метками {order_id}, {status}.

Push-рассылки → Новая рассылка

**Настройки PWA — 24 поля.** Значок, режим запуска, заставка, быстрые действия, офлайн.

Обзор рассылок — **Рассылки.** Черновики, расписание, статистика, ключи.

**Подписчики.** Устройство, дата, проверочное уведомление на телефон.

Скорость · SEO · аналитика · право

Системные разделы, за которые магазин любит Google

Core Web Vitals на живых посетителях, микроразметка и карта сайта, цели на события витрины и требования 152-ФЗ.

Панель скорости на реальных данных

LCP, CLS и INP, собранные у посетителей; 75-й процентиль и разбивка по страницам — видно, где именно медленно.

Для разработчика

Скрипт замера меньше килобайта, отправка при уходе со страницы. jQuery отключается (−30 КБ), WebP и адаптивные размеры — в настройках скорости.

Aero → Скорость витрины

**Цели аналитики — 21 событие.** Одно поле на Метрику и GA4: корзина, заказ, звонок, поиск, избранное.

Настройки SEO — **SEO.** Микроразметка, OpenGraph, каноникал, образцы мета-тегов, sitemap.xml.

**Аналитика.** Счётчики Метрики и GA4, e-commerce в dataLayer.

Право 152-ФЗ — **Право (152-ФЗ).** Согласия под формами, cookie, ссылка на политику.

Модули в поставке

Фильтр, меню и блоки главной

FilterTAP и NavMenu — самостоятельные продукты, входящие в шаблон по его лицензии. Плюс блоки, из которых собирается главная.

FilterTAP — фильтр с диагностикой

Свои значения, посадочные страницы, SEO и оформление панели. Экран показывает все точки интеграции с приоритетами, состояние таблиц индекса и журнал.

Для разработчика

Интеграция на событиях OpenCart — без правок ядра. Каталог свыше 5000 товаров индексируется по кнопке или планировщиком.

Модули → FilterTAP

Конструктор меню NavMenu — **NavMenu.** Свои пункты, расписание показа, разные меню для групп покупателей.

Блок-баннер главной — **Блоки главной.** Общий набор оформления: фон, картинка с затемнением, отступы.

Блок витрины товаров — **Витрина товаров.** Хиты, новинки, скидки, «вы смотрели».

Заявки и связь

Обратная связь — прямо в админке

Заявки со всех форм сохраняются в базу независимо от почты, а с автором шаблона можно связаться, не выходя из панели.

**Связь с автором.** Вопрос, ответ и голосование за нужные функции. Витрина к серверу автора не обращается.

Лучше один раз увидеть вживую

Откройте демо, покрутите каталог, переключите тему, зайдите с телефона — витрина ведёт себя одинаково хорошо везде.

Открыть живое демо ↗ Наверх