Rút ngắn tiêu đề sản phẩm trong Woocommerce

Khi chúng ta đặt tên sản phẩm quá dài dẫn đến khi hiển thị ở giao diện bố cục lộn xộn, không được đẹp mắt cho lắm. Để giải quyết vấn đề này, chúng ta sẽ rút ngắn tiêu đề sản phẩm trong Woocomerce bằng cách sử dụng code mà Themewp.vn chia sẻ dưới dây.

Tiêu đề sản phẩm quá dài hiển thị bố cục không được đẹp
Tiêu đề sản phẩm quá dài hiển thị bố cục không được đẹp

Bạn chỉ cần copy đoạn code dưới đây và lưu vào file funtions.php là vấn đề được giải quyết.

add_filter( 'the_title', 'short_title_product', 10, 2 );
function short_title_product( $title, $id ) {
if (get_post_type( $id ) === 'product' & !is_single() ) {
return wp_trim_words( $title, 2 ); // thay đổi số từ bạn muốn thêm
} else {
return $title;
}
}
tiêu đề sản phẩm sau khi đã được rút ngắn
tiêu đề sản phẩm sau khi đã được rút ngắn

Bonus thêm rút gọn mô tả ngắn của sản phẩm
Đoạn code phía dưới giúp bạn rút gọn phần mô tả ngắn của sản phẩm.

add_filter( ‘the_title’, ‘shorten_post_title’, 10, 2 );
function shorten_post_title( $title, $id ) {
    if (get_post_type( $id ) === ‘post’ & !is_single() ) {
        return wp_trim_words( $title, 14 ); // thay đổi số từ bạn muốn hiển thị
    } else {
        return $title;
    }
}
Vậy là xong rồi nhé. Sản phẩm của bạn sẽ được sắp xếp ngăn nắp và thẳng hàng. Chúc các bạn thành công nhé !
facebook-icon
zalo-icon
zalo-icon