Product Tabs Manager для OpenCart 2.3, 3.x и 4.x — свои вкладки товара

Product Tabs Manager — модуль для OpenCart, который добавляет в карточку товара свои вкладки без правки темы: таблицу размеров, доставку и оплату, гарантию, состав, инструкции. У каждого товара может быть столько вкладок, сколько нужно, с названием и содержимым на каждом языке магазина, а общие вкладки пишутся один раз в библиотеке модуля и показываются на всех товарах.

Модуль также управляет стандартными вкладками OpenCart — «Описание», «Характеристики» и «Отзывы»: их можно переименовать, скрыть или переставить для всего магазина. Под каждую ветку есть отдельная сборка: OpenCart 4.x (4.0.2+ и 4.1), 3.x и 2.3, а также ocStore на этих версиях.

Зачем это магазину

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

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

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

Как это выглядит для покупателя

В карточке товара свои вкладки стоят в том же ряду, что «Описание» и «Отзывы», и выглядят так же — модуль использует разметку вашей темы (классы Bootstrap 5 в OpenCart 4, Bootstrap 3 в OpenCart 3 и 2.3). Порядок задаётся числом: у стандартных вкладок по умолчанию 1, 2 и 3, а свои встают между ними по своему значению порядка. Активной открывается первая видимая вкладка — даже если «Описание» вы скрыли.

Внутри вкладки — обычный HTML из редактора: форматированный текст, списки, таблицы, изображения. У каждой вкладки свой текст для каждого языка витрины; если для какого-то языка текст не заполнен, показывается заполненный вариант, а не пустая вкладка. Переименованные «Отзывы» сохраняют счётчик: «Мнения покупателей (3)».

В Pro вкладки можно показывать аккордеоном — разворачивающимися секциями. Два варианта: аккордеон на всех экранах или вкладки на компьютере и аккордеон на телефоне (экраны уже 768 px), где ряд из пяти вкладок уже не помещается.

О темах. Модуль находит ряд вкладок на странице товара по ссылке на вкладку описания — так устроены стандартная тема OpenCart и большинство тем на Bootstrap-вкладках. Если тема выводит карточку товара совсем иначе (часть премиум-тем вроде Journal), свои вкладки показываются отдельными секциями внизу страницы, перед футером. Содержимое не теряется, но вид будет не вкладками — это стоит проверить на бесплатной версии до покупки Pro.

Что получает админ

Вкладка «Вкладки» в форме товара. В привычном редактировании товара, рядом с «Общим» и «Данными», появляется ещё одна вкладка. В ней кнопка «Добавить вкладку»: название и содержимое на каждом языке (в редакторе CKEditor в OpenCart 4 и Summernote в OpenCart 3 и 2.3), порядок и переключатель «Включено». Пустая строка не сохраняется. Там же видно, сколько вкладок есть в библиотеке модуля — они тоже показываются на этом товаре, если подходят по правилам.

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

Настройки модуля. «Расширения → Модули → Product Tabs Manager» содержит четыре вкладки: «Общее», «Библиотека вкладок», «CSV» и «Лицензия». На «Общем» — статус (выключает вкладки на витрине, ничего не удаляя), вид, поиск во вкладках и таблица «Стандартные вкладки»: своё название, скрытие и порядок для «Описания», «Характеристик» и «Отзывов». Пустое название — текст темы.

Библиотека вкладок. Здесь пишутся вкладки для всех товаров — доставка, оплата, гарантия, таблица размеров. В бесплатной версии библиотечная вкладка показывается на каждом товаре. В Pro для неё можно выбрать категории, производителей или конкретные товары (ID через запятую) и исключения: вкладка появится на товарах, подходящих хотя бы под одно условие, кроме исключений.

Вкладка, которой задана аудитория, расписание или правила товаров, без активного Pro на витрине не показывается вообще — в админке она помечена «Скрыта без Pro». Это сделано намеренно: вкладку «только для авторизованных» лучше скрыть от всех, чем показать всем.

Как это работает — шаг за шагом

1. Библиотека. Сначала вынесите в библиотеку всё, что одинаково для многих товаров: доставка, оплата, возврат, гарантия. Вкладка сразу появляется во всех карточках товаров.

2. Вкладки товара. В форме конкретного товара добавьте то, что касается только его: таблицу размеров, инструкцию, состав, сертификаты — для каждого языка магазина.

3. Порядок. Каждой вкладке — число порядка. У стандартных вкладок 1, 2 и 3, так что свою вкладку можно поставить и первой, и между «Описанием» и «Отзывами».

4. Стандартные вкладки. На вкладке «Общее» переименуйте или скройте то, что не подходит вашему магазину, например «Характеристики» для товаров без атрибутов. В Pro то же самое можно сделать на отдельном товаре.

5. Проверка. Откройте несколько товаров на витрине на разных языках. Выключенная вкладка не показывается, но и не удаляется.

Перенос из другого модуля вкладок. Готового импорта из конкурирующего модуля нет: в OpenCart нет одного распространённого модуля вкладок с известной структурой базы, и выдумывать её мы не стали. Перенести вкладки можно через CSV в Pro — выгрузить из прежнего модуля, свести к колонкам нашего формата и загрузить.

Что под капотом

Модуль не патчит шаблоны и не использует OCMOD-модификаций (в OpenCart 4 их и нет). Витрина работает через событие после рендера страницы товара: модуль берёт готовый HTML, находит ряд вкладок и добавляет свои, переименовывает или скрывает стандартные. Панель в форме товара вставляется так же, событием, а сохранение висит на событиях добавления и редактирования товара.

Данные лежат в трёх таблицах: cc_ptabs_tab (вкладки), cc_ptabs_tab_description (названия и тексты по языкам) и cc_ptabs_builtin (настройки стандартных вкладок на товаре). HTML вкладок выводится как есть — так же, как описание товара в OpenCart: писать его может только администратор. Аккордеон в Pro — это CSS и около двадцати строк JavaScript без библиотек.

Поиск в Pro подключается к штатному поиску магазина и ищет по тексту своих вкладок товара; библиотечные вкладки намеренно не учитываются, иначе каждый товар находился бы по слову «доставка». Товары, найденные только по вкладкам, идут после основных результатов, пагинация и счётчик считаются правильно. CSV в Pro выгружает все вкладки товаров и библиотеки в файл, который открывается в Excel; новая вкладка на нескольких языках — это несколько строк с одинаковым tab_id вроде new1.

Честные ограничения. Копирование товара в OpenCart 4.1 копирует и вкладки; в OpenCart 4.0, 3.x и 2.3 ядро не возвращает ID копии, поэтому вкладки на копию не переносятся. При деинсталляции модуль снимает свои события, но таблицы с вкладками намеренно оставляет: это содержимое вашего магазина, и повторная установка ничего не теряет.

Как установить

OpenCart 4.x. «Расширения → Установщик» → загрузите cc_ptabs.ocmod.zip → «Установить». Далее «Расширения → Модули» → Product Tabs Manager → «Установить» и «Редактировать».

OpenCart 3.x. «Расширения → Установщик расширений» → загрузите cc_ptabs-oc3.ocmod.zip. Обновлять модификации не нужно — архив не содержит OCMOD-операций. Далее «Расширения → Модули» → Product Tabs Manager → «Установить».

OpenCart 2.3. Штатный установщик 2.3 копирует файлы только через FTP, поэтому распакуйте cc_ptabs-oc2.ocmod.zip и залейте содержимое папки upload в корень магазина. Далее «Модули» → Product Tabs Manager → «Установить».

После установки откройте любой товар — в форме появится вкладка «Вкладки».