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é.
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ả
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:
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
Các bạn có thể sử dụng CSS để website có thể load nhẹ hơn nhé.
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è
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.
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 ạ
Thì bạn sửa chỗ đó thành 14 là được mà
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 ạ
Bạn cứ thử xem được không, vì mình thường tùy chỉnh cái đó bằng css
cái này áp dụng cho theme flatsome thôi hả bạn
Áp dụng được cho tất cả các theme, với điều kiện bạn đặt lại class
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 ạ.
Mình k hiểu lắm, bạn cho mình thông tin ví dụ được không
anh dùng css -webkit-line-clamp: number_custom ạ
bao loi o dong nay ban oi
if (get_post_type( $id ) === ‘product’ & !is_single() ) {
Ủa lỗi ntn bạn có thể cho mình xem được không?
Để viết được tuỳ biến kiểu này & biết được mấy hàm đó thì phải tìm hiểu gì bạn, wordpress hay flatsome hay gì ?
Mấy cái này là PHP và hook của wordpress nha.
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 ạ?
Bất kì vị trí nào trong file function