Product Tabs Manager для WooCommerce — власні вкладки товару, бібліотека і імпорт з YIKES

Product Tabs Manager — плагін для WooCommerce, який додає на сторінку товару власні вкладки: таблицю розмірів, доставку й оплату, гарантію, склад, інструкції, файли для завантаження. Кожен товар отримує стільки вкладок, скільки потрібно, а спільні вкладки пишуться один раз у бібліотеці й показуються на всіх товарах відразу.

Плагін також керує стандартними вкладками WooCommerce — «Опис», «Додаткова інформація» і «Відгуки»: їх можна перейменувати, сховати або переставити. Працює з класичними темами і з блоковими (блок Product Details — і у вигляді вкладок, і у вигляді акордеону), сумісний із HPOS. Якщо ви зараз користуєтесь YIKES Custom Product Tabs, усі вкладки переносяться одним натисканням.

Навіщо це магазину

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

Друга проблема — однаковий текст на сотнях товарів. Умови доставки чи гарантії, скопійовані в опис кожного товару, доводиться правити вручну, коли щось міняється, і завжди десь лишається старий варіант. Вкладка з бібліотеки редагується в одному місці й одразу змінюється на кожному товарі, де вона показується.

Третя — стандартні вкладки не завжди називаються так, як звик ваш покупець. «Додаткова інформація» для магазину техніки — це «Характеристики», для одягу — «Склад і догляд». Перейменувати їх без правки теми чи перекладу WooCommerce штатно не можна, а з плагіном це одне поле в налаштуваннях.

Як це виглядає для покупця

На сторінці товару власні вкладки стоять у тому самому ряду, що й «Опис» та «Відгуки», і виглядають так само — плагін не додає свого оформлення, вкладки успадковують стиль вашої теми. Порядок задається числом позиції: «Опис» за замовчуванням має 10, «Додаткова інформація» — 20, нова вкладка — 30, «Відгуки» — 90. Тож без жодних налаштувань власні вкладки стають між характеристиками й відгуками, як звикли магазини, що переходять із YIKES. Якщо потрібен штатний порядок WooCommerce, де «Відгуки» мають 30, позицію виставляють вручну.

Усередині вкладки можна все, що і в звичайному записі WordPress: форматований текст, зображення, таблиці, шорткоди, вбудовані відео, блоки. Над вмістом, як і в «Описі», показується заголовок вкладки — цю поведінку можна вимкнути в налаштуваннях. Перейменовані «Відгуки» зберігають лічильник: якщо назвати вкладку «Думки покупців», покупець побачить «Думки покупців (3)».

У блокових темах вкладки з’являються в блоці Product Details. У його варіанті-акордеоні власні вкладки додаються окремими секціями, а перейменування і приховування стандартних діють і там. У Pro вкладки можна показувати акордеоном і в класичній темі — завжди або лише на телефонах (до 768 px), де ряд із п’яти вкладок уже не вміщається.

Що отримує адмін

Панель «Власні вкладки» в картці товару. У блоці «Дані товару», поруч із «Запасами» й «Доставкою», з’являється ще одна вкладка. У ній кнопка «Додати вкладку»: назва, вміст у звичайному редакторі WordPress із кнопкою медіа, позиція і перемикач «Показувати». Там само — список «додати вкладку з бібліотеки»: бібліотечна вкладка додається рядком-посиланням, її вміст береться з бібліотеки, а назву на цьому товарі можна змінити. Над списком видно, які вкладки з бібліотеки й так показуються на всіх товарах.

Бібліотека вкладок. Пункт меню «WooCommerce → Вкладки товарів» має чотири розділи: «Бібліотека вкладок», «Стандартні вкладки», «Імпорт з YIKES» і «Налаштування». У бібліотеці ви пишете вкладку один раз і обираєте, де вона з’являється: «На кожному товарі» або «Лише на товарах, де її додано». Третій режим — «За категоріями, мітками й товарами» — входить у Pro. Видалення бібліотечної вкладки прибирає її з усіх товарів, тож плагін перепитує перед видаленням.

Стандартні вкладки. Таблиця з трьох рядків: «Опис», «Додаткова інформація», «Відгуки». Для кожної — назва на вітрині (порожнє поле лишає назву WooCommerce з перекладом), позиція і галочка «Сховати». Діє на весь магазин. У Pro те саме можна зробити на окремому товарі: наприклад, сховати «Додаткову інформацію» лише там, де атрибутів немає.

Налаштування. «Заголовок усередині вкладки», «Ховати вкладки YIKES» (щоб після імпорту нічого не показувалось двічі) і «Видаляти дані під час деінсталяції» — вимкнено за замовчуванням, тож перевстановлення плагіна нічого не губить. Pro-налаштування — акордеон і пошук у вкладках — видно й у безкоштовній версії, але вони позначені як Pro і неактивні.

Як це працює — крок за кроком

1. Бібліотека. Спершу винесіть у бібліотеку все, що однакове для багатьох товарів: доставка, оплата, повернення, гарантія. Режим «На кожному товарі» — і вкладка вже на всіх сторінках товарів.

2. Вкладки товару. У картці конкретного товару додайте те, що стосується лише його: таблицю розмірів, інструкцію, склад, сертифікати. Або додайте з бібліотеки вкладку в режимі «Лише на товарах, де її додано» — наприклад, спільну таблицю розмірів для всіх футболок.

3. Порядок. Кожній вкладці — число позиції. Менше число — лівіше в ряду. Стандартні вкладки теж мають позиції, тож власну вкладку можна поставити й перед «Описом».

4. Стандартні вкладки. У розділі «Стандартні вкладки» перейменуйте або сховайте те, що не підходить вашому магазину.

5. Перевірка. Відкрийте кілька товарів на вітрині. Вимкнена вкладка (перемикач «Показувати») не показується, але й не видаляється — її можна повернути одним кліком.

Якщо у вкладки задано аудиторію, розклад або умови показу (усе це Pro), а ліцензії немає, така вкладка на вітрині не показується взагалі. Це навмисно: вкладку «лише для зареєстрованих» краще сховати від усіх, ніж показати всім.

Перехід з YIKES Custom Product Tabs

Розділ «Імпорт з YIKES» показує, скільки товарів із вкладками YIKES і скільки збережених вкладок знайдено в магазині. Одна кнопка «Імпортувати вкладки» — і плагін переносить:

— вкладки кожного товару з тими самими назвами, вмістом і порядком;
— збережені вкладки (Saved Tabs) — у бібліотеку; на товарах вони стають посиланнями на бібліотеку, а не копіями, тож правка в одному місці й далі змінює всі товари;
— глобальні збережені вкладки — у бібліотеку в режимі «На кожному товарі».

Дані YIKES при цьому лише читаються — плагін нічого в них не змінює і не видаляє, тож повернутися назад можна будь-коли. Імпорт працює навіть тоді, коли YIKES уже деактивовано: його дані лишаються в базі. Товари обробляються партіями по 100 через AJAX, тому великий каталог не впирається в ліміт часу виконання на хостингу. Повторний запуск нічого не дублює: уже перенесені вкладки пропускаються, так само як дубль глобальної вкладки всередині товару.

Після імпорту плагін сам вмикає «Ховати вкладки YIKES», щоб на вітрині кожна вкладка була один раз, навіть поки YIKES ще активний. Далі порядок простий: перегляньте кілька товарів і деактивуйте YIKES. Якщо умови якоїсь збереженої вкладки прочитати не вдасться, вона не загубиться — імпортується в режимі «Лише на товарах, де її додано».

Дві речі, які після переходу виглядатимуть інакше: кириличні вкладки отримують якір #tab-ptm-… замість назви, а «Відгуки» за замовчуванням стоять на позиції 90, як у YIKES, а не 30, як у чистому WooCommerce.

Що під капотом

Вкладки товару зберігаються в метаполі товару _catcode_ptm_tabs, бібліотека — в одній опції catcode_ptm_library, налаштування — в catcode_ptm_settings. Жодних власних таблиць. На вітрину вкладки потрапляють через штатний фільтр woocommerce_product_tabs — той самий список читають класичні шаблони й блок Product Details, тому шаблони теми плагін не підміняє.

Вміст вкладки обробляється так само, як вміст запису: вбудовування, блоки, абзаци, шорткоди, адаптивні зображення. Повний фільтр the_content навмисно не запускається, щоб у кожну вкладку не потрапляли кнопки «Поділитися» та інші додатки до записів; увімкнути його можна рядком add_filter( 'catcode_ptm_use_the_content', '__return_true' );. Для користувачів без права unfiltered_html вміст очищується через wp_kses_post.

Акордеон у Pro — невеликий скрипт без бібліотек: він додає кнопку-перемикач перед кожною панеллю, а CSS вирішує, що показувати — ряд вкладок чи перемикачі. Без JavaScript звичайні вкладки працюють як раніше. Скрипт і стилі підключаються лише на сторінці товару і лише коли акордеон увімкнено. Пошук у Pro шукає за текстом власних вкладок товару, а CSV додає до штатного експорту й імпорту товарів WooCommerce колонку «Custom tabs (Product Tabs Manager)»; зіпсована клітинка при імпорті не стирає наявні вкладки.

При видаленні плагіна його налаштування, вкладки товарів і бібліотека лишаються в базі, якщо ви не поставили галочку «Видаляти дані під час деінсталяції».

Як встановити

1. «Плагіни → Додати новий → Завантажити плагін», виберіть архів catcode-product-tabs-manager-for-woocommerce-1.0.0.zip і активуйте. WooCommerce має бути активним.

2. Відкрийте будь-який товар → «Дані товару» → «Власні вкладки» → «Додати вкладку».

3. Спільні вкладки і стандартні вкладки — «WooCommerce → Вкладки товарів».

4. Якщо переходите з YIKES — «WooCommerce → Вкладки товарів → Імпорт з YIKES» → «Імпортувати вкладки». Перевірте кілька товарів і деактивуйте YIKES.