Меняем тег h3 в заголовке товара на WooCommerce

Изначально, плагин для создания полноценного интернет-магазина WooCommerce на базе CMS WordPress, предлагает нам оборачивать название товара в тег <h3>, что может критично повлиять на категории товаров, увеличивая вхождение ненужных нам заголовков.

Мы рассмотрим, как одним нехитрым способом обернуть название товара обычным блоком <div>.

Открываем файл wc-template-functions.php, расположенный по адресу /wp-content/plugins/woocommerce/includes/, находим строчку:

function woocommerce_template_loop_product_title() {
  echo '<h3>' . get_the_title() . '</h3>';
}

Меняем на:

function woocommerce_template_loop_product_title() {
  echo '<div class="item">' . get_the_title() . '</div>';
}

А в пользовательских стилях CSS записываем свойства нашего класса item (у вас могут отличаться, в зависимости от используемого шаблона):

div.item {
  padding: .8rem 0 .6rem;
  margin: 0px;
  color: #333;
  line-height: 1.4;
}

Таким образом мы получаем ссылку на товар в простом текстовом блоке. Метод работает как в товарных категориях, так и в виджетах и шорткодах.

 1,834 total views,  1 views today