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.