Woocommerce 修改相關商品項目標題屬性 | 獨角獸工坊 - SEO 優化 | 網站設計 | 網站架設
16485
post-template-default,single,single-post,postid-16485,single-format-standard,ajax_fade,page_not_loaded,,vertical_menu_enabled,qode_grid_1300,side_area_uncovered_from_content,qode-theme-ver-12.0.1,qode-theme-bridge,wpb-js-composer js-comp-ver-5.4.2,vc_responsive

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 了,想換怎樣都自行變動即可