[Hướng dẫn] Rút gọn mô tả ngắn cho sản phẩm trong Flatsome
Mặc dù là mô tả ngắn nhưng nhiều sản phẩm đặc thù lại có mô tả ngắn khá dài hoặc vì 1 lý do nào đó mà bạn muốn rút gọn nội dung đoạn mô tả ngắn, khách hàng muốn xem hết sẽ click vào xem thêm để xem nội dung.
Hôm nay Flatsomea-z sẽ hướng dẫn các bạn cách rút gọn mô tả ngắn cho sản phẩm trong Flatsome chỉ với 1 đoạn code.
![[Hướng dẫn] Rút gọn mô tả ngắn cho sản phẩm trong Flatsome 2 Rút gọn mô tả ngắn cho sản phẩm trong flatsome](https://flatsomea-z.com/wp-content/uploads/2022/01/woocommerce-short-description-truncate-read-more-1024x532.webp)
Copy và paste đoạn code sau vào file functions.php nhé!
add_action( 'woocommerce_after_single_product', 'woocommerce_short_description_truncate_read_more' ); function woocommerce_short_description_truncate_read_more() { wc_enqueue_js(' var show_char = 40; var ellipses = "... "; var content = $(".woocommerce-product-details__short-description").html(); if (content.length > show_char) { var a = content.substr(0, show_char); var b = content.substr(show_char - content.length); var html = a + "<span class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>Xem thêm</a></span><span class=\'truncated\' style=\'display:none\'>" + b + "</span>"; $(".woocommerce-product-details__short-description").html(html); } $(".read-more").click(function(e) { e.preventDefault(); $(".woocommerce-product-details__short-description .truncated").toggle(); }); '); }
Thay 40 trong đoạn code bằng số ký tự mà bạn muốn hiển thị nhé!
Lưu lại xoá cache và xem kết quả nhé! Chúc các bạn thành công
Great content! Keep up the good work!
mình thêm vô mà nó k thay đổi j hết 🙁
Cái này chỉ áp dụng cho sản phẩm đơn giản thôi bạn nhé!