[Hướng dẫn] Rút gọn mô tả ngắn cho sản phẩm trong Flatsome

Faltsome A - Z, Woocommerce

[Hướng dẫn] Rút gọn mô tả ngắn cho sản phẩm trong Flatsome

Posted on 06/01/202206/01/2022 by flatsomeaz

06
Th1

[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.

Rút gọn mô tả ngắn cho sản phẩm trong flatsome

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