1BANNER 123
5/5 - (174 bình chọn)

Thấy trong group nhiều bạn hỏi về việc rút ngắn các title product hiển thị trong woocommerce.

Thì hôm nay mình sẽ share cho các bạn một đoạn function để có thể giải quyết được vấn đề này nhé.

Function rút ngắn title sản phẩm.

Bạn chỉ cần copy đoạn function này vào trong file function.php của mình là được rồi nhé.

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, 7 ); // thay đổi số từ bạn muốn thêm
    } else {
        return $title;
    }
}

Và kết quả

Tiêu đề sản phẩm đã được rút gọn

Tương tự như vậy bạn hoàn toàn có thể áp dụng cho title của bài post.

Copy function sau:

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à kết quả sẽ như thế này

Rút ngắn tiêu đều bài post

Các bạn có thể sử dụng CSS để website có thể load nhẹ hơn nhé.

.title{
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

Hiện tại theme flatsome cũng có hỗ trợ chiều cao hiển thị của các sản phẩm bên ngoài trang chủ và shop page, bạn có thể tích vào ô Equalize Items trong tùy biến danh mục sản phẩm của Flatsome nhé.

Nó nằm ở đây nè

Tích chọn equalize items để sp hiển thị đẹp mắt hơn.

Ngoài ra, bạn cũng có thể cho hiển thị sao của những sản phẩm chưa có đánh giá. Bài hướng dẫn đó mình đã viết rồi nhé, bạn xem tại đây.

15 thoughts on “Hướng dẫn rút gọn tiêu đề sản phẩm (product title) trong woocommerce.

  1. Lưu Tuần Vân says:

    Cho mình hỏi . Mình muốn hiện thị mô tả ngắn khoảng 14 từ dưới giá sản phẩm thì sửa code như thế nào ạ

      • Lưu Tuần Vân says:

        MÌnh nghĩ đoạn code trên của bạn là rút ngắn tiêu đề sản phẩm chứ ạ (Function rút ngắn title sản phẩm.)
        Cái mình nói là phần mô tả ngắn cho sản phẩm
        Có phải thay đoạn này get_the_excerpt() vào if (get_post_type( $id ) không ạ

  2. Khanh says:

    Có cách nào set số hàng dạng như Tiki không bác ơi. Ví dụ cho tên sản phẩm chỉ hiển thị 2 hàng, hoặc 3 hàng. Vì nến set theo số chữ thì có cũng chữ dài chữ ngắn ạ.

  3. Phat Loi says:

    Bạn chỉ cần copy đoạn function này vào trong file function.php của mình là được rồi nhé
    =>> dán vào vị trí nào trong file ạ?

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *