Cách chuyển tên sản phẩm thành h3 trong WooCommerce: Theo như một số chuyên gia Seo vườn với công thức box to box trong seo thì tên sản phẩm cũng phải để h3 thì mới chuẩn seo, cái này thì mình cũng không biết có đúng không. Tuy nhiên vẫn có rất nhiều người muốn chuyển từ thẻ P thành thẻ H3 trong tên sản phẩm của WooCommerce.
Cách chuyển tên sản phẩm thành h3 trong WooCommerce
Theo mặc định của WooCommerce thì tên sản phẩm đang là thẻ P nên nhiều Seo cho rằng nó không chuẩn seo. Sau nhiều ngày mày mò thì mình đã tìm được cách chuyển nó thành h3 và muốn chia sẻ cùng anh em, ai làm web bán hàng mà đang muốn chuyển nó thành h3.
Cách thêm vào web
Rất đơn giản các bạn chỉ cần thêm đoạn code sau vào trong functions.php của theme hoặc child-theme bạn đang dùng, mình đã thử nghiệm cho web của mình và thành công, các bạn có thể thử web của bạn nhé.
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
// remove product thumbnail and title from the shop loop
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
// add the product thumbnail and title back in with custom structure
add_action( 'woocommerce_before_shop_loop_item_title', 'sls_woocommerce_template_loop_product_thumbnail', 10 );
function sls_woocommerce_template_loop_product_thumbnail() {
echo '<h3><a href="'.get_the_permalink().'">'.get_the_title().'</a></h3>';
}
}Chỉ thế thôi để cho đẹp chút thì bạn thêm Css cho nó là được: DEMO
Kết luận
Đoạn code trên mình đã thử trên theme Flatsome, không biết theme khác nó có chạy không, bạn hãy thử nhé. Hy vọng cách chuyển tên sản phẩm thành h3 trong WooCommerce mà Blog thủ thuật máy tính f4vnn đã chia sẻ sẽ có ích với bạn, chúc bạn thành công.
