Mẹo nhỏ: Để tìm kiếm chính xác các chia sẻ của f4vnn.com, hãy search trên Google với cú pháp: "Từ khóa" + "f4vnn". (Ví dụ: tắt update windows f4vnn). Tìm kiếm ngay

Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

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.

Hướng dẫn cách chuyển tên sản phẩm thành h3 trong 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.


Xem Thêm Bài Viết
Nhạc DJ Yt: Nhạc Dj24h Truyện Ma Tips Computer

Theo dõi trên

Logo Google new
5/5 - (2 bình chọn)