WooCommerce

Woocommerce 修改相關商品項目標題屬性

Woocommerce 修改相關商品項目標題屬性

這邊說的是相關商品標題四個大字區塊下面的商品名稱屬性,網路上都是教你怎麼改「相關商品」四個字的 H2 變成 H3 H4 等等的

今天因為一個案例需要隱藏起來該字詞,因為該案例的商品內容性質並沒有太多內容可填充,顯得空洞會造成版面撐不起來之問題

反正就是這邊教你怎麼修改那邊的商品標題屬性,打開你的佈景主題資料夾下面的 fuctions.php

remove_action( 'woocommerce_shop_loop_item_title','woocommerce_template_loop_product_title', 10 );
add_action('woocommerce_shop_loop_item_title', 'abChangeProductsTitle', 10 );
function abChangeProductsTitle() {
echo '<h3 class="woocommerce-loop-product__title">' . get_the_title() . '</h3>';
}

貼上上面的屬性內容就可以了,這樣就變 H3 了,想換怎樣都自行變動即可