Разметка списка товаров на главной странице – как в woocommerce изменить теги h3- h2

Эта коротенькая статейка посвящена рубрике Магазing и WordPress, а именно плагину woocommerce – проблеме разметки тегами h1. h2. h3. главной страницы архива товаров: ну, как эти теги быстренько и правильно поменять на своё усмотрение – итак: разметка списка товаров на главной странице!

…нынешняя темя замечательна тем, что полностью решает задачу регулировки разметки имени товаров на заглавной – ведь не так-то и просто новичку заменить главные теги h… в названии товаров, в отличие от иных разметок на страницах магаза.

В файле content-product.php прописан такой хук woocommerce_template_loop_product_title, который отвечает за формирование структуры списка товаров – а сама функция находится по пути includes/wc-template-functions.php – подробнее ниже.

Статья будет по мере возможности дополняться всякими хаками, хуками и пр.

разметка списка товаров на главной странице

…а пока, ради примера, вот функция из includes/wc-template-functions.php: (её мы заменим и перенесём в свой шаблон в functions.php, чтобы при очередном обновлении плагина не пострадали наши наработки)

/**
* Show the product title in the product loop. By default this is an H3.
*/
function woocommerce_template_loop_product_title() {
echo '<h3>' . get_the_title() . '</h3>';
}

Теперь поправим оригинал – …

Добавил такие правила – функцию-фильтр в файл functions.php…

/** меняем h3 tetle товара на h2 - из includes/wc-template-functions.php **/
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
add_action( 'woocommerce_shop_loop_item_title', 'mihalica_woocommerce_template_loop_product_title', 10 );
function mihalica_woocommerce_template_loop_product_title() {
echo '<h2 class="myhclass">' . get_the_title() . '</h2>'; }
/** меняем h3 tetle товара на h2 **/

И например такой стиль css добавим в фал стилей style.css активного шаблона…

h2.myhclass { font-size: 1em; }

Всё !! задача решена…

Теперь узнаем, как

отключить отзывы – комментарии на страничке товара

Ну и ещё один фильтр, который также не даёт покоя некоторым владельцам магазинов на woocommerce.

/*** отключим отзывы - комментарии ***/
add_filter( 'woocommerce_product_tabs', 'sb_woo_remove_reviews_tab', 98);
function sb_woo_remove_reviews_tab($tabs) {
unset($tabs['reviews']);
return $tabs;
}
/*** отключим отзывы ***/

После прописки этого фильтра, кстати сказать – также в файл функций, – таб “Обсуждения” или “Отзывы” исчезнет.!.

Для того, чтобы отключить таб “отзывы” на странице single-product больше ничего делать не нужно…

Переходим к следующим темам рубрики…

Online консультация по настройкам и созданию сайтов на WordPress

...город веб мастеров Михалика.ru © - запросто с WordPress - ATs media squad