Всем привет!
В этой статье я расскажу, как редактировать стандартные вкладки «WooCommerce», а именно:
- как удалить вкладки;
- перейменовать;
- изменить порядок вкладок;
- изменить содержание вкладки;
- добавить новую вкладку (а об этом есть целая статья)
Код, который будет опубликован здесь, вставлять нужно в файл «functions.php» вашей темы сразу после тега «<?» .
Удаление вкладок
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 ); function woo_remove_product_tabs( $tabs ) { unset( $tabs['description'] ); // Удаление вкладки с описанием товара unset( $tabs['reviews'] ); // Удаление вкладки с отзывами unset( $tabs['additional_information'] ); // Удаление вкладки с дополнительной информацией return $tabs; }
Переименование вкладок
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 ); function woo_rename_tabs( $tabs ) { $tabs['description']['title'] = __( 'Дополнительное описание' ); // Переименование вкладки с описанием товара $tabs['reviews']['title'] = __( 'Рейтинг' ); // Переименование вкладки с описанием товара $tabs['additional_information']['title'] = __( 'Дополнительная Информация' ); // Переименование с описанием товара return $tabs; }
Меняются те названия, что находятся в скобках, например, замените «Дополнительное описание» на «Бомбезное описание» .
Изменение порядка вкладок
Можно выставить поочередность вкладок. Для этого в коде меняйте только цифры:
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 ); function woo_reorder_tabs( $tabs ) { $tabs['reviews']['priority'] = 1; // Отзывы первая $tabs['description']['priority'] = 2; // Описание вторая $tabs['additional_information']['priority'] = 3; // Дополнительная информация третья return $tabs; }
Изменение содержания вкладок
add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 ); function woo_custom_description_tab( $tabs ) { $tabs['reviews']['callback'] = 'woo_custom_description_tab_content'; // Переименование вкладки с отзывами return $tabs; } function woo_custom_description_tab_content() { echo '<h2>Пользовательское описание</h2>'; echo '<p>Это пользовательское описание</p>'; }
['reviews'] – меняет вкладку «Отзывы». Чтобы поменять другие вкладки, меняем ['reviews'] на ['description'] или ['additional_information']
Если хотите заменить код для трех вкладок:
add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 ); function woo_custom_description_tab( $tabs ) { $tabs['reviews']['callback'] = 'woo_custom_description_tab_content'; // Изменение содержание вкладок с отзывовами $tabs['description']['callback'] = 'woo_custom_description_tab_content_2'; // Изменение содержание вкладок с описанием товара $tabs['additional_information']['callback'] = 'woo_custom_description_tab_content_3'; // Изменение содержание вкладок с Дополнительной информацией return $tabs; } //Изменение содержание вкладок с отзывовами function woo_custom_description_tab_content() { echo '<h2>Пользовательское описание</h2>'; echo '<p>Это пользовательское описание</p>'; } // Изменение содержание вкладок с описанием товара function woo_custom_description_tab_content_2() { echo '<h2>Пользовательское описание 2</h2>'; echo '<p>Это пользовательское описание 2</p>'; } //Изменение содержание вкладок с Дополнительной информацией function woo_custom_description_tab_content_3() { echo '<h2>Пользовательское описание 3</h2>'; echo '<p>Это пользовательское описание 3</p>'; }
Добавление новых вкладок
Об этом есть целая статья. Я думаю, не стоит повторяться. Даю ссылку на статью.
Читайте тут.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 329371 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274084 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 218646 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186294 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 176637
7 Ответов на комментарий - Редактирование вкладок с данными о товаре – WooCommerce
Добавить комментарий
Метки: wordpress, без плагинов
Плагин прикольный, я его как то тестил. Но мне не понравилось что он работает только со своими темами. Немного глянув код его темы и, правда мельком, я понял что его можно перенести даже на собственную тему, которую к примеру написал собственноручно. Ну конечно для тех кто технически нуль, это будет очень очень трудно.
Вообще интересный плагин в плане разработки, так еще и сделали так что типа только свои темы поддерживает. Бесплатных тем мало нормальных, а вот платных налепили валом.
Степан, большое спасибо вам за статью!
Пожалуйста, Михаил!
Здравствуйте!
После добавления данного кода, сайт накрылся полностью!!!
Здравствуйте!
Вы наверное не верно вставили код. Можете скинуть сюда код, что вы именно вставили.
А вы случайно код не вставили после знака “?>” ?
Здравствуйте, а как сделать так, чтобы если поле пустое, то оно не отображалось?
К примеру, у меня есть позиции, где есть описание и где его нет. Когда использую этот код, то вкладка появляется вне зависимости от того, есть в ней текстовая информация или нет…
По умолчанию ее просто не видно.
add_filter( ‘woocommerce_product_tabs’, ‘woo_rename_tabs’, 98 );
function woo_rename_tabs( $tabs ) {
$tabs[‘description’][‘title’] = __( ‘Дополнительное описание’ ); // Переименование вкладки с описанием товара
$tabs[‘reviews’][‘title’] = __( ‘Рейтинг’ ); // Переименование вкладки с описанием товара
$tabs[‘additional_information’][‘title’] = __( ‘Дополнительная Информация’ ); // Переименование с описанием товара
return $tabs;
}
Добрый день Степан
А возмжно сделать чтобы описание и детали открывались вместе в карточке товара?