Перейти к содержимому

Как открыть все вкладки(табы) в WooCommerce. Решено

Удаляем табы woocommerce

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

Примеры табов, которые надо было раскрыть:

tabs woocommerce

tabs woocommerce

tabs woocommerce  Плюнул я на это все дело и нашел статью о том, как менять шаблон WooCommerce.

После прочтения, пошел я смотреть файлы своего шаблона GeneratePress, и понял, что в нем совсем нет папки «WooCommerce», а это значит, что шаблон этот не оптимизирован для WooCommerce.

Создал я папочку woocommerce в папочке /wp-content/themes/GeneratePress/, и скопировал туда всю папку single-product, которая лежала в ../plugins/woocommerce/templates/.

Теперь можно делать свой вариант табов в карточке товара, редактируя файлы в папочке tabs.

Удаляем табы и оставляем их наполнение

Сначала нас интересует файл 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; ?>

Третья закладка «Отзывы» — я хз как её переименовывать. Отзывы и есть отзывы. Что их переименовывать 🙂

В итоге получилось вот так:

open tabs woocommerce

Усьо!

4 комментария для “Как открыть все вкладки(табы) в WooCommerce. Решено”

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *