Задался я вопросом “Как открыть все табы в WooCommerce”, и потратил я на это месяц в поисках плагина. Нашлись плагины, но они были платные, а учитывая, что проект малобюджетный, и много еще чего менять надо было в дизайне страницы карточки товара – вариант нужен был: дешево и сердито.
Примеры табов, которые надо было раскрыть:
Плюнул я на это все дело и нашел статью о том, как менять шаблон WooCommerce.
После прочтения, пошел я смотреть файлы своего шаблона GeneratePress, и понял, что в нем совсем нет папки “WooCommerce”, а это значит, что шаблон этот не оптимизирован для WooCommerce.
Создал я папочку woocommerce в папочке /wp-content/themes/GeneratePress/, и скопировал туда всю папку single-product, которая лежала в ../plugins/woocommerce/templates/.
Теперь можно делать свой вариант табов в карточке товара, редактируя файлы в папочке tabs.
Table of Contents
Удаляем табы и оставляем их наполнение
Сначала нас интересует файл tabs.php.
Код состоит из двух частей:
- Список UL LI
- DIV-ы с содержанием
Три пункта списка и три пункта DIV-ов.
Удаляем код со списком, а DIV-ам присваиваем class и id отличающейся от исходного варианта, иначе эти ДИВы скроются через присвоение им в CSS “display: none”, работающим кодом Java Script для табов.
Теперь надо переименовать заголовки табов.
Меняем название “Описание”
Меняем на любой свой текст. Для этого открываем файл description.php и в строчках
<?php if ( $heading ) : ?>
<h2><?php echo $heading; ?></h2>
<?php endif; ?>
вместо переменной $heading пишем своё:
<?php if ( $heading ) : ?>
<h2><?php echo “Мама мыла раму“; ?></h2>
<?php endif; ?>
Меняем название “Детали”
Если товару добавить атрибуты, то вместо двух закладок мы увидим три, так как добавится еще закладка “Детали”.
Редактировать эту надпись будем в файле additional-information.php .
Находим строчки
<?php if ( $heading ) : ?>
<h2><?php echo $heading; ?></h2>
<?php endif; ?>
и вместо переменной $heading пишем свое
<?php if ( $heading ) : ?>
<h2><?php echo “Атрибуты вот этого товара“; ?></h2>
<?php endif; ?>
Третья закладка “Отзывы” – я хз как её переименовывать. Отзывы и есть отзывы. Что их переименовывать 🙂
В итоге получилось вот так:
Усьо!