BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Редактирование вкладок с данными о товаре – WooCommerce

Редактирование вкладок с данными о товаре – WooCommerce

2016-10-11 / Вр:15:50 / просмотров: 11825

Всем привет!
В этой статье я расскажу, как редактировать стандартные вкладки «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;

}

Меняются те названия, что находятся в скобках, например, замените «Дополнительное описание» на «Бомбезное описание» :smile:.

Изменение порядка вкладок

Можно выставить поочередность вкладок. Для этого в коде меняйте только цифры:

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>';
}

Добавление новых вкладок

Об этом есть целая статья. Я думаю, не стоит повторяться. Даю ссылку на статью.
Читайте тут.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

7 Ответов на комментарий - Редактирование вкладок с данными о товаре – WooCommerce

  1. Александр

    Плагин прикольный, я его как то тестил. Но мне не понравилось что он работает только со своими темами. Немного глянув код его темы и, правда мельком, я понял что его можно перенести даже на собственную тему, которую к примеру написал собственноручно. Ну конечно для тех кто технически нуль, это будет очень очень трудно.
    Вообще интересный плагин в плане разработки, так еще и сделали так что типа только свои темы поддерживает. Бесплатных тем мало нормальных, а вот платных налепили валом.

  2. Михаил

    Степан, большое спасибо вам за статью!

  3. Степан => автор блога

    Пожалуйста, Михаил!

  4. Катерина

    Здравствуйте!
    После добавления данного кода, сайт накрылся полностью!!! :shock:

  5. Степан => автор блога

    Здравствуйте!
    Вы наверное не верно вставили код. Можете скинуть сюда код, что вы именно вставили.
    А вы случайно код не вставили после знака “?>” ?

  6. Дмитрий

    Здравствуйте, а как сделать так, чтобы если поле пустое, то оно не отображалось?

    К примеру, у меня есть позиции, где есть описание и где его нет. Когда использую этот код, то вкладка появляется вне зависимости от того, есть в ней текстовая информация или нет…
    По умолчанию ее просто не видно.

    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;

    }

  7. александр

    Добрый день Степан
    А возмжно сделать чтобы описание и детали открывались вместе в карточке товара?

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 809
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716