Code Thu Gọn Mô Tả Danh Mục Sản Phẩm Có Nút Xem Thêm Woocomerce

Thu gọn phần mô tả danh mục sản phẩm giúp cho phần SEO danh mục woocomerce tốt hơn và không bị dài khiến cho người dung không thấy sản phẩm sẽ bỏ đi. Khi nội dung quá dài thì sản phẩm sẽ bị đấy xuống dưới.

Thu gọn mô tả danh mục sản phẩm
Thu gọn mô tả danh mục sản phẩm

Để có thể thu gọn nhưng không làm ảnh hưởng đến khả năng SEO danh mục hãy copy code dưới đây và dán vào file functions.php trong mục giao diện wordpress hoặc theme mà bạn đang sử dụng

/*
* Code thu gọn nội dung mô tả của danh mục sản phẩm
* Author: https://sipider.com
*/
add_action(‘wp_footer’,’chowordpress_readmore_taxonomy_flatsome’);
function chowordpress_readmore_taxonomy_flatsome(){
if(is_woocommerce() && is_tax(‘product_cat’)):
?>
<style>
.tax-product_cat.woocommerce .shop-container .term-description {
overflow: hidden;
position: relative;
margin-bottom: 20px;
padding-bottom: 25px;
}
.chowordpress_readmore_taxonomy_flatsome {
text-align: center;
cursor: pointer;
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
background: #fff;
}
.chowordpress_readmore_taxonomy_flatsome:before {
height: 55px;
margin-top: -45px;
content: “”;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff00′, endColorstr=’#ffffff’,GradientType=0 );
display: block;
}
.chowordpress_readmore_taxonomy_flatsome a {
color: #318A00;
display: block;
}
.chowordpress_readmore_taxonomy_flatsome a:after {
content: ”;
width: 0;
right: 0;
border-top: 6px solid #318A00;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;

}
.chowordpress_readmore_taxonomy_flatsome_less:before {
display: none;
}
.chowordpress_readmore_taxonomy_flatsome_less a:after {
border-top: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #318A00;
}
</style>
<script>
(function($){
$(document).ready(function(){
$(window).on(‘load’, function(){
if($(‘.tax-product_cat.woocommerce .shop-container .term-description’).length > 0){
var wrap = $(‘.tax-product_cat.woocommerce .shop-container .term-description’);
var current_height = wrap.height();
var your_height = 300;
if(current_height > your_height){
wrap.css(‘height’, your_height+’px’);
wrap.append(function(){
return ‘<div class=”chowordpress_readmore_taxonomy_flatsome chowordpress_readmore_taxonomy_flatsome_show”><a title=”Xem thêm” href=”javascript:void(0);”>Xem thêm</a></div>’;
});
wrap.append(function(){
return ‘<div class=”chowordpress_readmore_taxonomy_flatsome chowordpress_readmore_taxonomy_flatsome_less” style=”display: none”><a title=”Thu gọn” href=”javascript:void(0);”>Thu gọn</a></div>’;
});
$(‘body’).on(‘click’,’.chowordpress_readmore_taxonomy_flatsome_show’, function(){
wrap.removeAttr(‘style’);
$(‘body .chowordpress_readmore_taxonomy_flatsome_show’).hide();
$(‘body .chowordpress_readmore_taxonomy_flatsome_less’).show();
});
$(‘body’).on(‘click’,’.chowordpress_readmore_taxonomy_flatsome_less’, function(){
wrap.css(‘height’, your_height+’px’);
$(‘body .chowordpress_readmore_taxonomy_flatsome_show’).show();
$(‘body .chowordpress_readmore_taxonomy_flatsome_less’).hide();
});
}
}
});
});
})(jQuery);
</script>
<?php
endif;
}

Khi đã add thành công code vào website thì bạn sẽ được thành quả như hình dưới, có nút xem thêm và thu gọn giúp người dùng tiện tham khảo và SEO
Trên đây domkt hướng dẫn bạn cách thu gọn tạo nút xem thêm danh mục sản phẩm hỗ trợ seo tốt nhất, mọi vấn đề cần hỗ trợ vui lòng để lại bình luận phía dưới chúng tôi sẽ phản hồi trong thời gian sớm nhất.

Domkt.net là blog tổng hợp các kiến thức, kinh nghiệm và trải nghiệm về marketing online cùng nhiều lĩnh vực khác . Với mong muốn đem lại những giá trị có ích cho các bạn đang tìm hiểu về marketing.

Related Posts

Đổi Chữ Bất Kỳ Trong Woocommerce

Hướng Dẫn Thay Đổi Chữ Bất Kỳ Trong Plugin Woocommerce

Đổi chữ bất kỳ trong Woocommerce luôn được rất nhiều quản trị viên website wordpreess quan tâm khi xây dựng web bán hàng. Bạn sẽ cần đổi hoặc thay thế…

Cách Xóa Instagram

Cách Xóa Instagram Vĩnh Viễn Mất Hết Tin Nhắn Nhanh Chóng

Cách xóa Instagram sẽ gúp cho tài khoản của bạn biến mất hoàn toàn và không một ai có thể tìm thấy thông tin nào của bạn nữa. Sẽ có…

Lấy lại fanpage bị hack

Lấy Lại Fanpage Bị Hack Liên Hệ Support Facebook Hỗ Trợ

Lấy lại Fanpage bị hack đang là tình trạng diễn ra khá nhiều trong thời gian gần đây, khi kẻ xấu tấn công chiếm quyền một tài khoản quản trị…

phương thức thanh toán không hợp lệ

Cách Xử Lý Phương Thức Thanh Toán Không Hợp Lệ Woocommerce

Trong quá trình xây dựng website bán hàng với plugin woocommerce thì sẽ khó tránh khỏi một số vấn đề phổ biến. Trường hợp nhiều bạn gặp nhất là “phương…

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *