Đôi khi chúng ta đặt tên sản phẩm quá dài dẫn đến giao diện trông xộc xệch, không đẹp mắt. Để giải quyết vấn đề này, chúng ta hãy rút gọn tên sản phẩm trong Woocomerce bằng đoạn code dưới dây.

Rút gọn tên, mô tả ngắn của sản phẩm trong Woocomerce
Thống kê bài viết
CSS rút gọn tiêu đề
/* Rút gọn tiêu đề thành 2 hàng, còn thừa là …
* Thay class tại vị trí cần thay
* Thêm đoạn CSS vào CSS tùy chỉnh
*/
.class {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
Còn một cách khách thêm code bên dưới vào file function.php của theme/child theme đang kích hoạ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, 7 ); // thay đổi số từ bạn muốn thêm
} else {
return $title;
}
}
Code rút gọn mô tả ngắn
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é
sau khi rút gọn phần mô tả và tựa đề , Các bài sản phẩm được sắp xêp ngăn nắp và đẹp thẳng hàng
Chúc các bạn thành công nhé !
theo : https://downvn.net/
CÓ THỂ BẠN QUAN TÂM
- Css frame background sản phẩm wordpress 09/2023
- Ẩn uxbuilder theme Flatsome trong soạn thảo văn bản đăng bài mới 09/2023
- Theme Flatsome mới nhất Flatsome 3.17.0 09/2023
- cách thêm html cho blog wordpress 09/2023
- Fix lỗi Open Graph Meta Some – Opengraph meta tags are missing trong wordpress 09/2023
- siêu phẩm ngành Host – Tino giảm 65% duy nhất ngày 2/9 09/2023