1. Theme cần cài
Flatsome – Hỗ trợ xây dựng website đơn giản đầy đủ chức năng
Link tải nếu chưa có: Tải Flatsome bản mới nhất
2. Plugin cần thiết để sử dụng
| 1 | Fluent Forms | Một plugin tạo biểu mẫu liên hệ |
| 2 | Foxtool All-in-One: Contact chat button | Plugin tổng hợp chức năng |
| 3 | Loco Translate | Dịch nội dung |
| 4 | Tích hợp Thanh Toán Quét Mã QR Code – MoMo, ViettelPay, Vietcombank | Plugin tích hợp thanh toán tự động bằng mã QR. |
| 5 | Rank Math SEO | Plugin SEO |
| 6 | Woocommerce Vietnam Checkout | Tối ưu thanh toán |
| 7 | WooCommerce | Thương mại điện tử |
| 8 | YITH WooCommerce Wishlist | Tạo Wishlist |
| 9 | Solid Security | Bảo mật website |
| 10 | Plugin Tạo Flash Sale Sản Phẩm | Hiển Thị Số Lượng Bản Sản Phẩm WordPress – TẢI TẠI ĐÂY |
3. Các code chèn vào website
1.Chèn H1 vào trang blog
<h1 style="text-align: center; margin-top: 30px;">Cập nhật tin tức</h1>2.Code rút gọn mô tả sản phẩm
/*
* Author: Nguyen The Vu - Nhanh Media
* Đoạn code thu gọn nội dung bao gồm cả nút xem thêm và thu gọn lại sau khi đã click vào xem thêm
*/
add_action('wp_footer','devvn_readmore_flatsome');
function devvn_readmore_flatsome(){
?>
<style>
.product-page-sections .product-section:nth-child(1) > .row > .large-10 {
overflow: hidden;
position: relative;
padding-bottom: 25px;
}
.fix_height{
max-height: 300px;
overflow: hidden;
position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
height: 0 !important;
}
.devvn_readmore_flatsome {
text-align: center;
cursor: pointer;
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
background: #fff;
}
.devvn_readmore_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;
}
.devvn_readmore_flatsome a {
color: #318A00;
display: block;
}
.devvn_readmore_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;
}
.devvn_readmore_flatsome_less a:after {
border-top: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #318A00;
}
.devvn_readmore_flatsome_less:before {
display: none;
}
</style>
<script>
(function($){
$(window).on('load', function(){
if($('.product-page-sections .product-section:nth-child(1) > .row > .large-10').length > 0){
let wrap = $('.product-page-sections .product-section:nth-child(1) > .row > .large-10');
let current_height = wrap.height();
let your_height = 200;
if(current_height > your_height){
wrap.addClass('fix_height');
wrap.append(function(){
return '<div class="devvn_readmore_flatsome devvn_readmore_flatsome_more"><a title="Xem thêm" href="javascript:void(0);">Xem thêm</a></div>';
});
wrap.append(function(){
return '<div class="devvn_readmore_flatsome devvn_readmore_flatsome_less" style="display: none;"><a title="Xem thêm" href="javascript:void(0);">Thu gọn</a></div>';
});
$('body').on('click','.devvn_readmore_flatsome_more', function(){
wrap.removeClass('fix_height');
$('body .devvn_readmore_flatsome_more').hide();
$('body .devvn_readmore_flatsome_less').show();
});
$('body').on('click','.devvn_readmore_flatsome_less', function(){
wrap.addClass('fix_height');
$('body .devvn_readmore_flatsome_less').hide();
$('body .devvn_readmore_flatsome_more').show();
});
}
}
});
})(jQuery);
</script>
<?php
}3. Thay đổi giỏ hàng,, thanh toán
Trang giỏ hàng: [woocommerce_cart]
Trang thanh toán: [woocommerce_checkout]