[Woocommerce] – Thay đổi thẻ p thành thẻ h3 trong tiêu đề sản phẩm trang shop/ archive

Chào các bạn, làm việc với Woocommerce nhiều khi chúng ta phải sửa đổi thẻ tag của tiêu đề sản phẩm trang danh mục để phù hợp với chiến lược SEO trang web. Mò mẫm một hồi cũng tìm được đoạn code hay và phù hợp với nhu cầu, mình chia sẻ cho các bạn cùng làm nhé!

Bài viết thực hiện trên theme Flatsome, các bạn có thể làm tương tự với các theme khác.

Hướng dẫn thay đổi thẻ p thành thẻ h3 trong tiêu đề sản phẩm trang shop/archive

Bước 1: Copy code vào function.php

Copy toàn bộ code dưới đây, paste vào file function.php. Giao diện – Sửa – Function.php

/*
* Author: GiuseArt - https://giuseart.com - https://toptheme.info
* Đoạn code thay đổi thẻ p thành thẻ h3 trong tiêu đề sản phẩm trang shop/archive
*/
function woocommerce_template_loop_product_title() {
    echo wp_kses_post( '<h3 class="woocommerce-loop-product__title product-title"><a href="'.get_permalink().'">' . get_the_title() . '</a></h3>' );
}

* Author: GiuseArt - https://giuseart.com - https://toptheme.info

* Đoạn code thay đổi thẻ p thành thẻ h3 trong tiêu đề sản phẩm trang shop/archive

function woocommerce_template_loop_product_title() {

echo wp_kses_post( '<h3 class="woocommerce-loop-product__title product-title"><a href="'.get_permalink().'">' . get_the_title() . '</a></h3>' );

}

Bước 2: Lưu lại và xem thành quả

Lời kết

Cám ơn các bạn đã quan tâm theo dõi và ủng hộ GiuseArt.com trong suốt thời gian qua. Chúc các bạn có những trải nghiệm thú vị khi ghé thăm website. Mọi nhu cầu thiết kế, in ấn và làm website, vui lòng liên hệ admin để được tư vấn nhiệt tình:

Thông tin liên hệ

+ Liên hệ: Lê Văn Thiện
+ Phone: 0972939830
+ Email: giuselethien@gmail.com
+ Website: www.giuseart.com
+ Flickr: www.flickr.com/photos/77493237@N07/albums
+ Behance: https://www.behance.net/giuselethien
+ Pintesest: https://www.pinterest.com/giuselethien/pins