Category Blocks Builder — конструктор блоков категорий 280+ вариантов

ПОСМОТРЕТЬ ДЕМО

Модуль можно оценить вживую, ничего не устанавливая:

Демо: все варианты блоков на одной странице

На демо-странице собраны 29 готовых блоков: шесть макетов, четыре формата изображения, разное число колонок, светлая и тёмная подложка, свои стикеры и переопределения. Под каждым блоком указано, какими настройками он собран. Страница адаптивна: откройте её с телефона — блоки перестроятся в две колонки.

НАЗНАЧЕНИЕ

Штатный OpenCart показывает категории только на своих страницах. Как только нужно вставить подборку разделов в обзорную статью, на посадочную страницу или в описание товара — начинается ручная вёрстка. HTML приходится переделывать каждый раз, когда в каталоге поменялось название, добавился раздел или сменилась картинка. На мобильных такая вёрстка разъезжается, а при смене шаблона ломается окончательно.

Category Blocks Builder убирает эту работу. Блок настраивается один раз, а на страницу ставится строка [catblock id="1"]. Дальше блок живёт сам: данные берутся из каталога при каждом показе, оформление одинаково выглядит на любом шаблоне и на любом экране.

КОМУ ПОДХОДИТ?

- Магазинам с контентом: обзоры, подборки, гайды, статьи блога — везде, где после текста уместен блок «где это купить». - Проектам с посадочными страницами под запросы: на странице собирается нужная выборка разделов вместо ручного списка ссылок. - Магазинам с большим каталогом: блок «все подкатегории раздела» обновляется сам, когда каталог пополняется. - Тем, кто перебирает оформление: шесть макетов и четыре формата фото переключаются в пару кликов, без правки вёрстки.

КАК СОБИРАЕТСЯ БЛОК?

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

Три источника категорий:

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

ШЕСТЬ МАКЕТОВ

Макет выбирается наглядно — плитками с миниатюрой раскладки, а не строкой в выпадающем списке. Каждый адаптирован под мобильные устройства:

- Плитка — классическая сетка, число колонок настраивается. Универсальный вариант для статьи. - Карточки с описанием — крупные карточки с текстом и списком подкатегорий, когда нужно рассказать о разделе. - Список — горизонтальные строки: фото слева, описание в центре, кнопка справа. Экономит высоту страницы. - Компактные чипы — только название и число товаров. Для блока «где купить» прямо внутри абзаца. - Обложки — фото на всю карточку, название и счётчик поверх затемнения. Самый заметный вариант для начала статьи. - Карусель — горизонтальная лента со стрелками и прокруткой свайпом.

Считая формат фото и число колонок, получается около 280 визуально разных видов блока — и это без учёта цветов и стикеров.

ИЗОБРАЖЕНИЯ

Формат задаётся на уровне блока: квадрат 1:1, широкий 16:9, вертикальный 3:4 или круг. Выбранная пропорция соблюдается во всех макетах и на всех разрешениях, изображения не искажаются.

- Кадрирование по центру. Если у категорий загружены фото разных пропорций, модуль приводит их к одному формату — ряд не разъезжается. Штатными средствами OpenCart так не получается: ядро умеет только вписывать изображение и добивать поля фоном. - Фото из товара. У категории не задана картинка — подставляется фотография первого товара из неё. Блок не выглядит пустым. - Режим «вписать целиком» — когда фотографию важно показать полностью.

СОДЕРЖИМОЕ КАРТОЧКИ

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

- Счётчик товаров считается с учётом вложенных категорий или только по самой категории — на выбор. Число склоняется правильно: 1 товар, 2 товара, 13 товаров. - Описание берётся из категории, HTML вырезается, текст обрезается по границе слова до заданной длины. - Подкатегории выводятся ссылками внутри карточки, с пометкой «Ещё N». - Пустые категории можно скрывать, порядок вывода — вручную, по названию, по числу товаров или как в каталоге.

ПЕРЕОПРЕДЕЛЕНИЯ

Для каждой категории внутри блока можно задать своё название, своё фото, свою подпись, стикер с цветом и даже собственную ссылку — например, на обзор вместо страницы категории. Сам каталог при этом не меняется: одна и та же категория в разных блоках может выглядеть по-разному.

ЖИВОЙ ПРЕДПРОСМОТР

Вкладка «Предпросмотр» показывает блок ровно так, как его увидит покупатель: это настоящая страница витрины, а не имитация в админке. Переключатели «Десктоп / Планшет / Телефон» проверяют адаптивность, не выходя из настроек. Макет и число колонок применяются сразу, остальные настройки — после сохранения.

Адрес страницы предпросмотра подписан ключом: посторонним она отдаёт 404 и в поисковую выдачу попасть не может.

СПОСОБЫ ВЫВОДА

1. Шорткод — [catblock id="1"] в описании товара, категории, информационной страницы или статьи. Работает в том числе в блогах сторонних модулей и в блогах, встроенных в шаблон, поскольку обрабатывается готовый HTML страницы, а не конкретное поле в базе. 2. Дизайн → Макеты — блок доступен как модуль и ставится в любую позицию макета. Инстанс создаётся автоматически при сохранении блока. 3. Twig — вызов {{ catblock(1) }} прямо в файле шаблона темы для точной вставки в вёрстку.

Шорткод принимает необязательные параметры columns (число колонок) и limit (сколько категорий показать). Один блок допускается размещать в любом количестве мест, правки применяются везде одновременно. Чтобы показать шорткод в тексте как пример, а не вывести блок, скобки удваиваются: [[catblock id="1"]].

ОФОРМЛЕНИЕ

- Акцентный цвет — кнопки, счётчики и наведение перекрашиваются под магазин. - Подложка блока: включается переключателем, цвет произвольный. При тёмной подложке карточки автоматически переключаются на тёмное оформление — контраст сохраняется без ручной настройки. - Заголовок и подзаголовок над блоком задаются в настройках, отдельный текст в статье не нужен.

СОВМЕСТИМОСТЬ

- OpenCart 3.0.x, ocStore 3.0.x
- PHP 7.1 – 8.3 - Расширения PHP: GD, mbstring, json (входят в стандартный набор хостинга)
- MySQL 5.6+ / MariaDB - Установка штатными средствами через раздел «Установка расширений» (файл ocmod), правка кода не требуется.

Модуль работает на любом шаблоне витрины, включая покупные. Файл вывода размещён в теме default и подхватывается штатным механизмом наследования тем OpenCart. Если тема захочет своё оформление, достаточно положить в неё одноимённый файл стилей — модуль подхватит его сам. Все классы имеют собственный префикс, оформление темы и оформление блока не влияют друг на друга.

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

ПРОИЗВОДИТЕЛЬНОСТЬ

- Все выборки пакетные: категории, счётчики, подкатегории и запасные картинки читаются фиксированным числом запросов независимо от того, сколько категорий в блоке. - Блок, размещённый на странице несколько раз, читается из базы один раз. - Стили выводятся однократно, а не с каждым блоком; внешних библиотек нет. - Обработчик шорткодов завершается немедленно, если на странице нет подстроки шорткода. - Кадрированные изображения создаются один раз и далее отдаются с диска. - Замер на тестовом магазине: страница с 29 блоками рендерится за 0,43 с против 0,30 с у такой же страницы без блоков.

ЛИЦЕНЗИРОВАНИЕ

Лицензия привязывается к доменному имени. После установки в разделе «Лицензия» внизу страницы модуля отображается домен магазина, для которого запрашивается и активируется ключ. Ключ основного домена действует также на технических поддоменах (test, dev, staging и подобных), что позволяет использовать одну лицензию на рабочем сайте и его тестовой копии.

До ввода ключа модуль заблокирован: блоки не создаются и не редактируются.

КЛЮЧЕВЫЕ ПРЕИМУЩЕСТВА

- Категории в статьях и на посадочных страницах без ручной вёрстки. - Данные всегда актуальны: названия, фото и счётчики берутся из каталога. - Шесть макетов и четыре формата фото — около 280 видов блока. - Кадрирование по центру: разные пропорции фотографий не ломают ряд. - Переопределения для каждой категории без изменения каталога. - Живой предпросмотр с проверкой на телефоне и планшете. - Корректное отображение на любом шаблоне и на мобильных устройствах.

Подробности об установке, требованиях и ответы на частые вопросы приведены в файлах УСТАНОВКА.txt и README_RU.md. Условия использования — в файле LICENSE_RU.txt.

Написать

Ваше Имя:


Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

Файлы будут доступны после покупки