039 4321 444
039 4321 444
0335006543
0335006543
1 Donate cho em ly cafe được hông ^^

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

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

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

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

Trả lời

Email của bạn sẽ không được hiển thị công khai.