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 → «Встановити».

Після встановлення відкрийте будь-який товар — у формі з’явиться вкладка «Вкладки».