| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hocthongminh.net-bk/public_html/site/components/home/views/ |
Upload File : |
<div id="NavDrawer" class="drawer drawer--right">
<div class="drawer__header">
<div class="drawer__close js-drawer-close clearfix"> Menu
<button type="button" class="icon-fallback-text"> <i class="fas fa-times"></i></button>
</div>
</div>
<!-- begin mobile-nav -->
<ul class="mobile-nav">
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Điện thoại</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Thương hiệu nổi bật</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">iPhone (Apple)</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Samsung</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">OPPO</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Sony</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Nokia</a> </li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Tính năng mới nhất</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Bảo mật vân tay</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình tràn viền</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Pin khủng (>3000mAh)</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Sạc không dây</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Chống nước, bụi</a> </li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Hỗ trợ trả góp</a> </div>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Máy cũ giá rẻ</a> </div>
</li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Tablet</a> </li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Laptop</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Học tập văn phòng</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">CPU Intel thế hệ 8</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình gập 360 độ</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Viền màn hình mỏng</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Card đồ họa rời</a> </li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Đồ họa - Kỹ thuật</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Ổ cứng SSD</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình cảm ứng</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Đèn bàn phím</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Card đồ họa rời</a> </li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Chơi game khủng</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình 144Hz</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình 4K</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Bàn phím cơ</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Card đồ họa rời</a> </li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active" aria-haspopup="true">
<div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link">Cao cấp - Sang trọng</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text">See More</span> </button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Trọng lượng nhẹ</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình cảm ứng</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Khóa bảo mật</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Màn hình gập 360 độ</a> </li>
</ul>
</li>
</ul>
</li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Phụ kiện</a> </li>
<li class="mobile-nav__item mobile-nav__item--active"> <a href="/collections/all" class="mobile-nav__link">Khuyến mãi</a> </li>
<li class="mobile-nav__item"> <a href="/blogs/tin-cong-nghe" class="mobile-nav__link">Tin tức</a> </li>
<li class="mobile-nav__item"> <a href="/pages/lien-he" class="mobile-nav__link">Liên hệ</a> </li>
<li class="mobile-nav__item"> <a href="/account/login" id="customer_login_link">Đăng nhập</a> </li>
<li class="mobile-nav__item"> <a href="/account/register" id="customer_register_link">Đăng kí</a> </li>
</ul>
<!-- //mobile-nav -->
</div>
<div class="cart-overlay"></div>
<div id="CartDrawer" class="drawer drawer--left">
<div class="drawer__header">
<div class="drawer__title h3">Giỏ hàng</div>
<div class="drawer__close js-drawer-close">
<button type="button" class="icon-fallback-text"> <span class="icon icon-x" aria-hidden="true"></span> <span class="fallback-text">"Đóng"</span> </button>
</div>
</div>
<div id="CartContainer"></div>
</div>
<header id="header" class="">
<div class="header-desktop medium--hide small--hide">
<div class="wrapper">
<div class="inner">
<div class="grid mg-left-15">
<div class="grid__item large--one-sixth pd-left15">
<div class="header-logo"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/logo-huynh-gia.png?v=1722" alt="Suplo Mobile - Siêu thị Điện thoại, Tablet, Laptop, Phụ kiện..."> </a> </div>
</div>
<div class="grid__item large--one-third pd-left15">
<div class="header-search">
<div class="search-form-wrapper">
<form id="searchauto" action="/search" class="searchform-categoris ultimate-search">
<div class="wpo-search">
<div class="wpo-search-inner">
<select class="select-collection">
<option value="0">Tất cả</option>
<option value="1001068888">Điện thoại</option>
<option value="1001068889">Tablet</option>
<option value="1001068890">Laptop</option>
<option value="1001068891">Phụ kiện</option>
</select>
<div class="input-group">
<input type="hidden" name="type" value="product">
<input id="searchtext" name="q" maxlength="40" class="form-control input-search" type="text" size="20" placeholder="Tìm kiếm sản phẩm..." autocomplete="off">
<span class="input-group-btn">
<button type="submit" id="searchsubmit"> <i class="fas fa-search"></i> </button>
</span> </div>
</div>
<input type="hidden" class="collection_id" value="(collectionid:product>=0)">
<input type="hidden" class="collection_handle" value="all">
<input type="hidden" class="collection_name" value="all">
</div>
</form>
</div>
<script language="javascript">
$('#searchauto').submit(function(e){
e.preventDefault();
if($('.select-collection').val() == 0){
window.location = '/search?q=filter=('+'(collectionid:product>='+ $('.select-collection').val() +')'+'&&(title:product**' + $(this).find('input[name="q"]').val() + '))';
}else{
window.location = '/search?q=filter=('+'(collectionid:product='+ $('.select-collection').val() +')'+'&&(title:product**' + $(this).find('input[name="q"]').val() + '))';
}
})
</script>
<script language="javascript">
function selectSuggest(act){
cur = $('.smart-search-wrapper > .select').index();
length = $('.smart-search-wrapper > a').length;
if (act == 38)
{
if (cur == -1 || cur == 0)
cur = length - 1;
else
cur = cur - 1;
}
if (act == 40)
{
if (cur == -1 || cur == length - 1)
cur = 0;
else
cur = cur + 1;
}
$('.smart-search-wrapper>a').removeClass('select');
$('.smart-search-wrapper>a:nth-child('+ ( cur + 1)+')').addClass('select');
$('.ultimate-search input[name=q]').val($('.smart-search-wrapper>.select').attr('data-title'));
return false;
}
(function($) {
$.fn.smartSearch = function(_option) {
var o, issending = false,
timeout = null;
var option = {
smartoffset: true, //auto calc offset
searchoperator: '**', //** contain, *= begin with, =* end with
searchfield: "title",
searchwhen: 'keyup', //0: after keydown, 1: after keypress, after space
searchdelay: 500, //delay time before load data
};
if (typeof(_option) !== 'undefined') {
$.each(_option, function(i, v) {
if (typeof(_option[i]) !== 'undefined') option[i] = _option[i];
})
}
o = $(this);
o.attr('autocomplete', 'off');
this.bind(option.searchwhen, function(event) {
if (event.keyCode == 38 || event.keyCode == 40) {
return selectSuggest(event.keyCode);
} else {
$(".smart-search-wrapper." + option.wrapper).remove();
clearTimeout(timeout);
timeout = setTimeout(l, option.searchdelay, $(this).val());
}
});
var l = function(t) {
if (issending) return this;
issending = true;
coll=''
if(option.collection != null)
coll= $(option.collection).val() + "&&";
$.ajax({
url: "/search?q=filter=(" + coll + "(" + option.searchfield + ":product" + option.searchoperator + t + "))&view=ultimate-search",
dataType: "JSON",
async: false,
success: function(data) {
if( $('.smart-search-wrapper.' + option.wrapper).length == 0 ) {
$('.search-form-wrapper').append("<div class='smart-search-wrapper " + option.wrapper + "'></div>");
}
p();
$.each(data, function(i, v) {
$(".smart-search-wrapper." + option.wrapper).append("<a data-title='"+ v.title + "'class='thumbs' href='" + v.url + "'> <img src='"+Haravan.resizeImage(v.featured_image, 'icon')+"'/></a><a data-title='"+ v.title + "' href='" + v.url + "'>" + v.title + "<span class='price-search'>"+Haravan.formatMoney(v.price, '')+"đ</span></a>");
});
issending = false;
},
error: function (xhr, ajaxOptions, thrownError) {
//alert(xhr.status);
//alert(thrownError);
}
});
}
$(window).resize(function() {
p();
});
$(window).scroll(function() {
p();
});
$(this).blur(function(){
$('.smart-search-wrapper.' + option.wrapper).slideUp();
});
var p = function() {
if( ! o.offset() ) {
return;
}
$(".smart-search-wrapper." + option.wrapper).css("width", "100%");
$(".smart-search-wrapper." + option.wrapper).css("left", o.offset().left + "px");
if (option.smartoffset) {
h = $(".smart-search-wrapper." + option.wrapper).height();
if (h + o.offset().top - $(window).scrollTop() + o.outerHeight() > $(window).height()) {
$(".smart-search-wrapper." + option.wrapper).css('top', '');
$(".smart-search-wrapper." + option.wrapper).css('bottom', ($(window).scrollTop() + $(window).height() - o.offset().top) + "px");
} else {
$(".smart-search-wrapper." + option.wrapper).css('bottom', '');
$(".smart-search-wrapper." + option.wrapper).css('top', (o.offset().top - $(window).scrollTop() + o.outerHeight()) + "px");
}
} else {
$(".smart-search-wrapper." + option.wrapper).css('top', h + o.offset().top );
}
}
return this;
};
}(jQuery));
jQuery('.ultimate-search input[name=q]').smartSearch({searchdelay:400, wrapper: 'search-wrapper', collection:'.collection_id'});
</script>
<style type="text/css">
.smart-search-wrapper>a.thumbs{
width: 32px;
display: inline-block;
padding: 5px 0px;
}
.smart-search-wrapper>a.thumbs img {
position: absolute;
top: 0px;
width: 32px;
height: 35px;
left: 0px;
}
.smart-search-wrapper{
position: absolute;
left: 0 !important;
right: 0 !important;
top: 100% !important;
background: #fff;
border: 1px solid rgb(215, 215, 215);
border-top: none;
z-index: 999;
}
.smart-search-wrapper>a {
width: calc(100% - 32px);
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: pre;
color: #686767;
text-decoration: none;
line-height: 29px;
font-size: 13px;
font-family: sans-serif;
padding: 5px 160px 5px 5px;
position: relative;
height: 35px;
}
.smart-search-wrapper>a.select, .smart-search-wrapper>a:hover {
background: -webkit-linear-gradient(left, #fff,#EAEAEA); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(left, #fff,#EAEAEA); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, #fff,#EAEAEA ); /* For Firefox 3.6 to 15 */
background: linear-gradient(left, #fff,#EAEAEA ); /* Standard syntax (must be last) */
color: #000;
}
.smart-search-wrapper>a>span.price-search {
position: absolute;
right: 5px;
top:0px;
}
</style>
</div>
</div>
<div class="grid__item large--one-half pd-left15">
<div class="header-navbar">
<ul class="no-bullets">
<li class="active dropdown"> <a href="/collections/all" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon1.png?v=1722" alt="Điện thoại"> </div>
<div class="hd-link-title"> Điện thoại </div>
</a>
<ul class="no-bullets dropdown-menu">
<li> <a href="/collections/all">Thương hiệu nổi bật <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
<ul class="no-bullets">
<li> <a href="/collections/all"> iPhone (Apple)</a> </li>
<li> <a href="/collections/all"> Samsung</a> </li>
<li> <a href="/collections/all"> OPPO</a> </li>
<li> <a href="/collections/all"> Sony</a> </li>
<li> <a href="/collections/all"> Nokia</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Tính năng mới nhất <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
<ul class="no-bullets">
<li> <a href="/collections/all"> Bảo mật vân tay</a> </li>
<li> <a href="/collections/all"> Màn hình tràn viền</a> </li>
<li> <a href="/collections/all"> Pin khủng (>3000mAh)</a> </li>
<li> <a href="/collections/all"> Sạc không dây</a> </li>
<li> <a href="/collections/all"> Chống nước, bụi</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Hỗ trợ trả góp </a> </li>
<li> <a href="/collections/all">Máy cũ giá rẻ </a> </li>
</ul>
</li>
<li class="active "> <a href="/collections/all" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon2.png?v=1722" alt="Tablet"> </div>
<div class="hd-link-title"> Tablet </div>
</a> </li>
<li class="active megamenu"> <a href="/collections/all" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon3.png?v=1722" alt="Laptop"> </div>
<div class="hd-link-title"> Laptop </div>
</a>
<ul class="no-bullets megamenu-menu clearfix">
<li> <a href="/collections/all">Học tập văn phòng </a>
<ul class="no-bullets">
<li> <a href="/collections/all">- CPU Intel thế hệ 8</a> </li>
<li> <a href="/collections/all">- Màn hình gập 360 độ</a> </li>
<li> <a href="/collections/all">- Viền màn hình mỏng</a> </li>
<li> <a href="/collections/all">- Card đồ họa rời</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Đồ họa - Kỹ thuật </a>
<ul class="no-bullets">
<li> <a href="/collections/all">- Ổ cứng SSD</a> </li>
<li> <a href="/collections/all">- Màn hình cảm ứng</a> </li>
<li> <a href="/collections/all">- Đèn bàn phím</a> </li>
<li> <a href="/collections/all">- Card đồ họa rời</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Chơi game khủng </a>
<ul class="no-bullets">
<li> <a href="/collections/all">- Màn hình 144Hz</a> </li>
<li> <a href="/collections/all">- Màn hình 4K</a> </li>
<li> <a href="/collections/all">- Bàn phím cơ</a> </li>
<li> <a href="/collections/all">- Card đồ họa rời</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Cao cấp - Sang trọng </a>
<ul class="no-bullets">
<li> <a href="/collections/all">- Trọng lượng nhẹ</a> </li>
<li> <a href="/collections/all">- Màn hình cảm ứng</a> </li>
<li> <a href="/collections/all">- Khóa bảo mật</a> </li>
<li> <a href="/collections/all">- Màn hình gập 360 độ</a> </li>
</ul>
</li>
</ul>
</li>
<li class="active "> <a href="/collections/all" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon4.png?v=1722" alt="Phụ kiện"> </div>
<div class="hd-link-title"> Phụ kiện </div>
</a> </li>
<li class="active "> <a href="/collections/all" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon5.png?v=1722" alt="Khuyến mãi"> </div>
<div class="hd-link-title"> Khuyến mãi </div>
</a> </li>
<li class=" "> <a href="/blogs/tin-cong-nghe" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon6.png?v=1722" alt="Tin tức"> </div>
<div class="hd-link-title"> Tin tức </div>
</a> </li>
<li class=" "> <a href="/pages/lien-he" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon7.png?v=1722" alt="Liên hệ"> </div>
<div class="hd-link-title"> Liên hệ </div>
</a> </li>
<li class="dropdown"> <a href="javascript:void(0)" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon_user.png?v=1722" alt="Tài khoản"> </div>
<div class="hd-link-title"> Tài khoản </div>
</a>
<ul class="no-bullets">
<li><a href="/account/login">Đăng nhập</a></li>
<li><a href="/account/register">Đăng kí</a></li>
</ul>
</li>
<li class="desktop-cart-wrapper"> <a href="javascript:void(0)" class="text-center">
<div class="hd-link-icon"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon_cart.png?v=1722" alt="Giỏ hàng"> <span class="hd-cart-count">0</span> </div>
<div class="hd-link-title"> Giỏ hàng </div>
</a>
<div class="quickview-cart">
<h3> Giỏ hàng trống <span class="btnCloseQVCart"> <i class="fa fa-times" aria-hidden="true"></i> </span> </h3>
<ul class="no-bullets">
<li>Bạn chưa có sản phẩm nào trong giỏ hàng!</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-mobile large--hide">
<div class="wrapper">
<div class="inner">
<div class="grid">
<div class="grid__item medium--one-third small--one-third">
<div class="hd-logo text-left"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/logo-huynh-gia.png?v=1722" alt="Suplo Mobile - Siêu thị Điện thoại, Tablet, Laptop, Phụ kiện..."> </a> </div>
</div>
<div class="clearfix grid__item large--two-twelfths push--large--eight-twelfths medium--two-thirds small--two-thirds clearfix text-right">
<div class="hd-btnMenu"> <a href="javascript:void(0)" class="icon-fallback-text site-nav__link js-drawer-open-right" aria-controls="NavDrawer" aria-expanded="false"> <i class="fas fa-bars"></i> </a> </div>
<div class="desktop-cart-wrapper1"> <a href="javascript:void(0)" class="hd-cart"> <img src="//theme.hstatic.net/1000253476/1000371081/14/hd_mainmenu_icon_cart.png?v=1722" alt="Giỏ hàng"><span class="hd-cart-count">0</span> </a>
<div class="quickview-cart">
<h3> Giỏ hàng trống <span class="btnCloseQVCart"> <i class="fa fa-times" aria-hidden="true"></i> </span> </h3>
<ul class="no-bullets">
<li>Bạn chưa có sản phẩm nào trong giỏ hàng!</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="breadcrumb-wrapper">
<div class="breadcrumb-content">
<div class="wrapper">
<div class="inner">
<div class="breadcrumb-small"> <a href="/" title="Quay trở về trang chủ">Trang chủ</a> <span aria-hidden="true">/</span> <span>Tất cả sản phẩm</span> </div>
</div>
</div>
</div>
</section>
<div id="PageContainer" class="is-moved-by-drawer">
<main class="main-content" role="main">
<section id="collection-wrapper">
<div class="wrapper">
<div class="inner">
<div class="collection-banners">
<div id="owl-collection-banners" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-6000px, 0px, 0px); transition: all 1s ease 0s; width: 7200px;">
<div class="owl-item" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img1.jpg?v=1722" alt="Collection Banner 1"> </a> </div>
</div>
</div>
<div class="owl-item" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img2.jpg?v=1722" alt="Collection Banner 2"> </a> </div>
</div>
</div>
<div class="owl-item" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img3.jpg?v=1722" alt="Collection Banner 3"> </a> </div>
</div>
</div>
<div class="owl-item" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img4.jpg?v=1722" alt="Collection Banner 4"> </a> </div>
</div>
</div>
<div class="owl-item" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img5.jpg?v=1722" alt="Collection Banner 5"> </a> </div>
</div>
</div>
<div class="owl-item active" style="width: 1200px;">
<div class="item">
<div class="col-banner-item"> <a href="/"> <img src="//theme.hstatic.net/1000253476/1000371081/14/col_banner_img6.jpg?v=1722" alt="Collection Banner 6"> </a> </div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled">
<div class="owl-prev"><svg class="svg-inline--fa fa-angle-left fa-w-8" aria-hidden="true" data-prefix="fa" data-icon="angle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg="">
<path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path>
</svg><!-- <i class="fa fa-angle-left" aria-hidden="true"></i> --></div>
<div class="owl-next"><svg class="svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" data-prefix="fa" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg="">
<path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
</svg><!-- <i class="fa fa-angle-right" aria-hidden="true"></i> --></div>
</div>
<div class="owl-dots">
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot active"><span></span></div>
</div>
</div>
</div>
<div class="grid mg-left-10">
<div class="grid__item large--four-fifths medium--one-whole small--one-whole pd-left10 float-right">
<div class="collection-content-wrapper">
<div class="collection-head">
<div class="grid">
<div class="grid__item large--seven-twelfths medium--one-whole small--one-whole">
<div class="collection-title">
<h1>Tất cả sản phẩm</h1>
</div>
</div>
<div class="grid__item large--five-twelfths medium--one-whole small--one-whole">
<div class="collection-sorting-wrapper">
<!-- /snippets/collection-sorting.liquid -->
<div class="form-horizontal text-right">
<label for="SortBy">Sắp xếp</label>
<select name="SortBy" id="SortBy">
<option value="manual">Tùy chọn</option>
<option value="best-selling">Sản phẩm bán chạy</option>
<option value="title-ascending">Theo bảng chữ cái từ A-Z</option>
<option value="title-descending">Theo bảng chữ cái từ Z-A</option>
<option value="price-ascending">Giá từ thấp tới cao</option>
<option value="price-descending">Giá từ cao tới thấp</option>
<option value="created-descending">Mới nhất</option>
<option value="created-ascending">Cũ nhất</option>
</select>
</div>
<script>
/*============================================================================
Inline JS because collection liquid object is only available
on collection pages and not external JS files
==============================================================================*/
Haravan.queryParams = {};
if (location.search.length) {
for (var aKeyValue, i = 0, aCouples = location.search.substr(1).split('&'); i < aCouples.length; i++) {
aKeyValue = aCouples[i].split('=');
if (aKeyValue.length > 1) {
Haravan.queryParams[decodeURIComponent(aKeyValue[0])] = decodeURIComponent(aKeyValue[1]);
}
}
}
$(function() {
$('#SortBy')
.val('created-descending')
.bind('change', function() {
Haravan.queryParams.sort_by = jQuery(this).val();
location.search = jQuery.param(Haravan.queryParams);
}
);
});
</script>
</div>
</div>
</div>
</div>
<div class="collection-body">
<div class="grid-uniform product-list mg-left-0">
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/phu-kien-apple-cap-ket-noi-lightning-to-usb-cable"> <img id="1015656253" src="//product.hstatic.net/1000253476/product/suplo-033a-01_medium.jpg" alt="Phụ kiện Apple Cáp kết nối Lightning to USB Cable"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/phu-kien-apple-cap-ket-noi-lightning-to-usb-cable">Phụ kiện Apple Cáp kết nối Lightning to US...</a> </div>
<div class="product-price clearfix"> <span class="current-price">499,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/phu-kien-apple-but-cam-ung-apple-pencil"> <img id="1015656204" src="//product.hstatic.net/1000253476/product/suplo-032a_medium.jpg" alt="Phụ kiện Apple Bút cảm ứng Apple Pencil"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/phu-kien-apple-but-cam-ung-apple-pencil">Phụ kiện Apple Bút cảm ứng Apple Pencil</a> </div>
<div class="product-price clearfix"> <span class="current-price">2,999,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/phu-kien-apple-tai-nghe-khong-day-airpods"> <img id="1015656098" src="//product.hstatic.net/1000253476/product/suplo-031a-01_medium.jpg" alt="Phụ kiện Apple Tai nghe không dây Airpods"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/phu-kien-apple-tai-nghe-khong-day-airpods">Phụ kiện Apple Tai nghe không dây Airpods</a> </div>
<div class="product-price clearfix"> <span class="current-price">4,999,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/phu-kien-apple-sac-nguon-5w-usb-power-adapter"> <img id="1015645123" src="//product.hstatic.net/1000253476/product/suplo-030a-01_medium.jpg" alt="Phụ kiện Apple Sạc nguồn 5W USB Power Adapter"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/phu-kien-apple-sac-nguon-5w-usb-power-adapter">Phụ kiện Apple Sạc nguồn 5W USB Power Adapter</a> </div>
<div class="product-price clearfix"> <span class="current-price">499,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dong-ho-apple-watch-series-3-gps-vien-nhom-42mm-38mm-den-xam-hong"> <img id="1015645031" src="//product.hstatic.net/1000253476/product/suplo-029a-011_medium.jpg" alt="Đồng hồ Apple Watch Series 3 GPS viền nhôm (42mm/38mm - Đen/Xám/Hồng)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dong-ho-apple-watch-series-3-gps-vien-nhom-42mm-38mm-den-xam-hong">Đồng hồ Apple Watch Series 3 GPS viền nhôm...</a> </div>
<div class="product-price clearfix"> <span class="current-price">10,999,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-huawei-mediapad-t3-10-0-vang-16gb"> <img id="1015643878" src="//product.hstatic.net/1000253476/product/suplo-028a-01_medium.jpg" alt="Máy tính bảng Huawei MediaPad T3 10.0 (Vàng - 16GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-huawei-mediapad-t3-10-0-vang-16gb">Máy tính bảng Huawei MediaPad T3 10.0 (Vàn...</a> </div>
<div class="product-price clearfix"> <span class="current-price">4,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-huawei-mediapad-m3-8-0-vang-xam-32gb"> <img id="1015643764" src="//product.hstatic.net/1000253476/product/suplo-027b-011_medium.jpg" alt="Máy tính bảng Huawei MediaPad M3 8.0 (Vàng/Xám - 32GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-huawei-mediapad-m3-8-0-vang-xam-32gb">Máy tính bảng Huawei MediaPad M3 8.0 (Vàng...</a> </div>
<div class="product-price clearfix"> <span class="current-price">5,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-samsung-galaxy-tab-e-xam-den-8gb"> <img id="1015643286" src="//product.hstatic.net/1000253476/product/suplo-026a-011_medium.jpg" alt="Máy tính bảng Samsung Galaxy Tab E (Xám/Đen - 8GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-samsung-galaxy-tab-e-xam-den-8gb">Máy tính bảng Samsung Galaxy Tab E (Xám/Đe...</a> </div>
<div class="product-price clearfix"> <span class="current-price">4,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-samsung-galaxy-tab-a-2017-vang-den-16gb"> <img id="1015643090" src="//product.hstatic.net/1000253476/product/suplo-025a-011_medium.jpg" alt="Máy tính bảng Samsung Galaxy Tab A 2017 (Vàng/Đen - 16GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-samsung-galaxy-tab-a-2017-vang-den-16gb">Máy tính bảng Samsung Galaxy Tab A 2017 (V...</a> </div>
<div class="product-price clearfix"> <span class="current-price">5,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-ipad-mini-4-wi-fi-4g-vang-128gb"> <img id="1015642997" src="//product.hstatic.net/1000253476/product/suplo-024a-01_medium.jpg" alt="Máy tính bảng iPad Mini 4 Wi-Fi 4G (Vàng - 128GB)"> </a>
<div class="tag-saleoff text-center"> -22% </div>
</div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-ipad-mini-4-wi-fi-4g-vang-128gb">Máy tính bảng iPad Mini 4 Wi-Fi 4G (Vàng -...</a> </div>
<div class="product-price clearfix"> <span class="current-price">13,990,000₫</span> <span class="original-price"><s>17,990,000₫</s></span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/may-tinh-bang-ipad-pro-wi-fi-4g-2017-vang-den-12-9-10-5-64gb-256gb"> <img id="1015642757" src="//product.hstatic.net/1000253476/product/suplo-023a-1_medium.jpg" alt="Máy tính bảng iPad Pro WI-FI 4G 2017 (Vàng/Đen - 12.9" 10.5"="" -="" 64gb="" 256gb)"=""> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/may-tinh-bang-ipad-pro-wi-fi-4g-2017-vang-den-12-9-10-5-64gb-256gb">Máy tính bảng iPad Pro WI-FI 4G 2017 (Vàng...</a> </div>
<div class="product-price clearfix"> <span class="current-price">27,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-samsung-galaxy-note-8-den-vang-64gb"> <img id="1015642436" src="//product.hstatic.net/1000253476/product/suplo-022a-011_medium.jpg" alt="Điện thoại Samsung Galaxy Note 8 (Đen/Vàng - 64GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-samsung-galaxy-note-8-den-vang-64gb">Điện thoại Samsung Galaxy Note 8 (Đen/Vàng...</a> </div>
<div class="product-price clearfix"> <span class="current-price">22,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-xiaomi-redmi-note-5-den-vang-xanh-32gb"> <img id="1015642352" src="//product.hstatic.net/1000253476/product/suplo-021a-011_medium.jpg" alt="Điện thoại Xiaomi Redmi Note 5 (Đen/Vàng/Xanh - 32GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-xiaomi-redmi-note-5-den-vang-xanh-32gb">Điện thoại Xiaomi Redmi Note 5 (Đen/Vàng/X...</a> </div>
<div class="product-price clearfix"> <span class="current-price">4,799,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-xiaomi-mi-a1-den-hong-vang-do-64gb"> <img id="1015642213" src="//product.hstatic.net/1000253476/product/suplo-020a-011_medium.jpg" alt="Điện thoại Xiaomi Mi A1 (Đen/Hồng/Vàng/Đỏ - 64GB)"> </a>
<div class="tag-soldout text-center">Hết</div>
</div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-xiaomi-mi-a1-den-hong-vang-do-64gb">Điện thoại Xiaomi Mi A1 (Đen/Hồng/Vàng/Đỏ ...</a> </div>
<div class="product-price clearfix"> <span class="current-price">5,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-huawei-nova-3e-pink-hong-64gb"> <img id="1015641830" src="//product.hstatic.net/1000253476/product/suplo-019a-01_medium.jpg" alt="Điện thoại Huawei Nova 3e Pink (Hồng - 64GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-huawei-nova-3e-pink-hong-64gb">Điện thoại Huawei Nova 3e Pink (Hồng - 64GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">6,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-huawei-p20-pro-tim-128gb"> <img id="1015641769" src="//product.hstatic.net/1000253476/product/suplo-018a-011_medium.jpg" alt="Điện thoại Huawei P20 Pro (Tím - 128GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-huawei-p20-pro-tim-128gb">Điện thoại Huawei P20 Pro (Tím - 128GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">19,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-sony-xperia-xz1-xanh-den-xam-64gb"> <img id="1015641652" src="//product.hstatic.net/1000253476/product/suplo-017a-011_medium.jpg" alt="Điện thoại Sony Xperia XZ1 (Xanh/Đen/Xám - 64GB)"> </a>
<div class="tag-soldout text-center">Hết</div>
</div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-sony-xperia-xz1-xanh-den-xam-64gb">Điện thoại Sony Xperia XZ1 (Xanh/Đen/Xám -...</a> </div>
<div class="product-price clearfix"> <span class="current-price">11,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-sony-xperia-xa1-ultra-xam-vang-den-hong-64gb"> <img id="1015634301" src="//product.hstatic.net/1000253476/product/suplo-016a-011_medium.jpg" alt="Điện thoại Sony Xperia XA1 Ultra (Xám/Vàng/Đen/Hồng - 64GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-sony-xperia-xa1-ultra-xam-vang-den-hong-64gb">Điện thoại Sony Xperia XA1 Ultra (Xám/Vàng...</a> </div>
<div class="product-price clearfix"> <span class="current-price">6,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-nokia-8110-4g-vang-4gb"> <img id="1015634121" src="//product.hstatic.net/1000253476/product/suplo-015a-01_medium.jpg" alt="Điện thoại Nokia 8110 4G (Vàng - 4GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-nokia-8110-4g-vang-4gb">Điện thoại Nokia 8110 4G (Vàng - 4GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">1,680,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-nokia-7-plus-den-64gb"> <img id="1015634055" src="//product.hstatic.net/1000253476/product/suplo-014a-011_medium.jpg" alt="Điện thoại Nokia 7 Plus (Đen - 64GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-nokia-7-plus-den-64gb">Điện thoại Nokia 7 Plus (Đen - 64GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">8,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-vivo-v7-2017-vang-den-32gb"> <img id="1015633706" src="//product.hstatic.net/1000253476/product/suplo-013a-011_medium.jpg" alt="Điện thoại Vivo V7 2017 (Vàng/Đen - 32GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-vivo-v7-2017-vang-den-32gb">Điện thoại Vivo V7 2017 (Vàng/Đen - 32GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">6,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-vivo-v9-sapphire-blue-xanh-64gb"> <img id="1015633534" src="//product.hstatic.net/1000253476/product/suplo-012a-011_medium.jpg" alt="Điện thoại Vivo V9 Sapphire Blue (Xanh - 64GB)"> </a>
<div class="tag-soldout text-center">Hết</div>
</div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-vivo-v9-sapphire-blue-xanh-64gb">Điện thoại Vivo V9 Sapphire Blue (Xanh - 6...</a> </div>
<div class="product-price clearfix"> <span class="current-price">7,990,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-oppo-f5-do-den-32gb"> <img id="1015633288" src="//product.hstatic.net/1000253476/product/suplo-011a-011_medium.jpg" alt="Điện thoại Oppo F5 (Đỏ/Đen - 32GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-oppo-f5-do-den-32gb">Điện thoại Oppo F5 (Đỏ/Đen - 32GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">7,490,000₫</span> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
<div class="product-item">
<div class="product-img"> <a href="/products/dien-thoai-oppo-f7-do-128gb"> <img id="1015632915" src="//product.hstatic.net/1000253476/product/suplo-010a-011_medium.jpg" alt="Điện thoại Oppo F7 (Đỏ - 128GB)"> </a> </div>
<div class="product-item-info">
<div class="product-title"> <a href="/products/dien-thoai-oppo-f7-do-128gb">Điện thoại Oppo F7 (Đỏ - 128GB)</a> </div>
<div class="product-price clearfix"> <span class="current-price">9,990,000₫</span> </div>
</div>
</div>
</div>
</div>
<div class="pagination not-filter">
<div id="pagination-" class="text-center clear-left">
<div class="pagination-custom"> <span class="page page-node current">1</span> <span class="page"><a class="page-node" href="/collections/all?page=2">2</a></span> <span class="nextPage"><a href="/collections/all?page=2"><svg class="svg-inline--fa fa-angle-double-right fa-w-14" aria-hidden="true" data-prefix="fa" data-icon="angle-double-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path>
</svg><!-- <i class="fa fa-angle-double-right" aria-hidden="true"></i> --></a></span> </div>
</div>
</div>
</div>
</div>
</div>
<div class="grid__item large--one-fifth medium--one-whole small--one-whole pd-left10">
<div class="collection-sidebar-wrapper">
<div class="grid-uniform mg-left-10">
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-categories">
<button class="accordion cs-title col-sb-trigger active"> <span>Danh mục</span> </button>
<div class="panel" style="max-height: 420px;">
<ul class="no-bullets">
<li> <a href="/collections/all">Điện thoại</a>
<ul class="no-bullets">
<li> <a href="/collections/all">- Thương hiệu nổi bật</a> </li>
<li> <a href="/collections/all">- Tính năng mới nhất</a> </li>
<li> <a href="/collections/all">- Hỗ trợ trả góp</a> </li>
<li> <a href="/collections/all">- Máy cũ giá rẻ</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Tablet</a> </li>
<li> <a href="/collections/all">Laptop</a>
<ul class="no-bullets">
<li> <a href="/collections/all">- Học tập văn phòng</a> </li>
<li> <a href="/collections/all">- Đồ họa - Kỹ thuật</a> </li>
<li> <a href="/collections/all">- Chơi game khủng</a> </li>
<li> <a href="/collections/all">- Cao cấp - Sang trọng</a> </li>
</ul>
</li>
<li> <a href="/collections/all">Phụ kiện</a> </li>
<li> <a href="/collections/all">Khuyến mãi</a> </li>
<li> <a href="/blogs/tin-cong-nghe">Tin tức</a> </li>
<li> <a href="/pages/lien-he">Liên hệ</a> </li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-price">
<button class="accordion cs-title col-sb-trigger active"> <span>Khoảng giá</span> </button>
<div class="panel sidebar-sort" style="max-height: 204px;">
<ul class="no-bullets filter-price clearfix">
<li>
<label>
<input type="radio" name="price-filter" data-price="0:max" value="((price:product>=0))">
<span>Tất cả</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="0:5000000" value="((price:product<5000000))">
<span>Nhỏ hơn 5,000,000₫</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="5000000:10000000" value="((price:product>=5000000)&&(price:product<10000000))">
<span>Từ 5,000,000₫ - 10,000,000₫</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="10000000:15000000" value="((price:product>=10000000)&&(price:product<15000000))">
<span>Từ 10,000,000₫ - 15,000,000₫</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="15000000:20000000" value="((price:product>=15000000)&&(price:product<20000000))">
<span>Từ 15,000,000₫ - 20,000,000₫</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="20000000:30000000" value="((price:product>=20000000)&&(price:product<30000000))">
<span>Từ 20,000,000₫ - 30,000,000₫</span> </label>
</li>
<li>
<label>
<input type="radio" name="price-filter" data-price="30000000:max" value="((price:product>=30000000))">
<span>Lớn hơn 30,000,000₫</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-vendor">
<button class="accordion cs-title col-sb-trigger active"> <span>Thương hiệu</span> </button>
<div class="panel sidebar-sort" style="max-height: 231px;">
<ul class="no-bullets filter-vendor clearfix">
<li>
<label data-filter="Apple" class="filter-vendor__item apple">
<input type="checkbox" value="(vendor:product**Apple)">
<span>Apple</span> </label>
</li>
<li>
<label data-filter="Samsung" class="filter-vendor__item samsung">
<input type="checkbox" value="(vendor:product**Samsung)">
<span>Samsung</span> </label>
</li>
<li>
<label data-filter="Huawei" class="filter-vendor__item huawei">
<input type="checkbox" value="(vendor:product**Huawei)">
<span>Huawei</span> </label>
</li>
<li>
<label data-filter="Nokia" class="filter-vendor__item nokia">
<input type="checkbox" value="(vendor:product**Nokia)">
<span>Nokia</span> </label>
</li>
<li>
<label data-filter="Oppo" class="filter-vendor__item oppo">
<input type="checkbox" value="(vendor:product**Oppo)">
<span>Oppo</span> </label>
</li>
<li>
<label data-filter="Sony" class="filter-vendor__item sony">
<input type="checkbox" value="(vendor:product**Sony)">
<span>Sony</span> </label>
</li>
<li>
<label data-filter="Vivo" class="filter-vendor__item vivo">
<input type="checkbox" value="(vendor:product**Vivo)">
<span>Vivo</span> </label>
</li>
<li>
<label data-filter="Xiaomi" class="filter-vendor__item xiaomi">
<input type="checkbox" value="(vendor:product**Xiaomi)">
<span>Xiaomi</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-type">
<button class="accordion cs-title col-sb-trigger active"> <span>Loại sản phẩm</span> </button>
<div class="panel sidebar-sort" style="max-height: 96px;">
<ul class="no-bullets filter-type clearfix">
<li>
<label data-filter="Điện thoại" class="filter-vendor__item dien-thoai">
<input type="checkbox" value="(product_type:product**Điện thoại)">
<span>Điện thoại</span> </label>
</li>
<li>
<label data-filter="Máy tính bảng" class="filter-vendor__item may-tinh-bang">
<input type="checkbox" value="(product_type:product**Máy tính bảng)">
<span>Máy tính bảng</span> </label>
</li>
<li>
<label data-filter="Phụ kiện" class="filter-vendor__item phu-kien">
<input type="checkbox" value="(product_type:product**Phụ kiện)">
<span>Phụ kiện</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-material">
<button class="accordion cs-title col-sb-trigger active"> <span>RAM</span> </button>
<div class="panel sidebar-sort" style="max-height: 177px;">
<ul class="grid mg-left-0 block-sidebar no-bullets filter-variant filter-size1 clearfix ">
<li class="grid__item large--one-whole pd-left0">
<label data-filter="1GB" class="filter-vendor__item 1gb">
<input type="checkbox" value="(variant:product=1GB)">
<span>1GB</span> </label>
</li>
<li class="grid__item large--one-whole pd-left0">
<label data-filter=" 2GB" class="filter-vendor__item 2gb">
<input type="checkbox" value="(variant:product= 2GB)">
<span> 2GB</span> </label>
</li>
<li class="grid__item large--one-whole pd-left0">
<label data-filter=" 3GB" class="filter-vendor__item 3gb">
<input type="checkbox" value="(variant:product= 3GB)">
<span> 3GB</span> </label>
</li>
<li class="grid__item large--one-whole pd-left0">
<label data-filter=" 4GB" class="filter-vendor__item 4gb">
<input type="checkbox" value="(variant:product= 4GB)">
<span> 4GB</span> </label>
</li>
<li class="grid__item large--one-whole pd-left0">
<label data-filter=" 5GB" class="filter-vendor__item 5gb">
<input type="checkbox" value="(variant:product= 5GB)">
<span> 5GB</span> </label>
</li>
<li class="grid__item large--one-whole pd-left0">
<label data-filter=" 6GB" class="filter-vendor__item 6gb">
<input type="checkbox" value="(variant:product= 6GB)">
<span> 6GB</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-size">
<button class="accordion cs-title col-sb-trigger active"> <span>Dung lượng (ROM)</span> </button>
<div class="panel sidebar-sort" style="max-height: 177px;">
<ul class="grid mg-left-0 no-bullets filter-variant filter-size2 clearfix ">
<li class="pd-left0 grid__item large--one-whole">
<label data-filter="8GB" class="filter-vendor__item 8gb">
<input type="checkbox" value="(variant:product=8GB)">
<span>8GB</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" 16GB" class="filter-vendor__item 16gb">
<input type="checkbox" value="(variant:product= 16GB)">
<span> 16GB</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" 32GB" class="filter-vendor__item 32gb">
<input type="checkbox" value="(variant:product= 32GB)">
<span> 32GB</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" 64GB" class="filter-vendor__item 64gb">
<input type="checkbox" value="(variant:product= 64GB)">
<span> 64GB</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" 128GB" class="filter-vendor__item 128gb">
<input type="checkbox" value="(variant:product= 128GB)">
<span> 128GB</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" 256GB" class="filter-vendor__item 256gb">
<input type="checkbox" value="(variant:product= 256GB)">
<span> 256GB</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-style">
<button class="accordion cs-title col-sb-trigger active"> <span>Bộ vi xử lý</span> </button>
<div class="panel sidebar-sort" style="max-height: 177px;">
<ul class="grid mg-left-0 no-bullets filter-variant filter-size3 clearfix ">
<li class="pd-left0 grid__item large--one-whole">
<label data-filter="Apple A9" class="filter-vendor__item apple-a9">
<input type="checkbox" value="(variant:product=Apple A9)">
<span>Apple A9</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" Apple A10" class="filter-vendor__item apple-a10">
<input type="checkbox" value="(variant:product= Apple A10)">
<span> Apple A10</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" Apple A11" class="filter-vendor__item apple-a11">
<input type="checkbox" value="(variant:product= Apple A11)">
<span> Apple A11</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" Apple A12" class="filter-vendor__item apple-a12">
<input type="checkbox" value="(variant:product= Apple A12)">
<span> Apple A12</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" Snapdragon 845" class="filter-vendor__item snapdragon-845">
<input type="checkbox" value="(variant:product= Snapdragon 845)">
<span> Snapdragon 845</span> </label>
</li>
<li class="pd-left0 grid__item large--one-whole">
<label data-filter=" Exynos 9810" class="filter-vendor__item exynos-9810">
<input type="checkbox" value="(variant:product= Exynos 9810)">
<span> Exynos 9810</span> </label>
</li>
</ul>
</div>
</div>
</div>
<div class="grid__item large--one-whole medium--one-half small--one-whole pd-left10">
<div class="collection-filter-color">
<button class="accordion cs-title col-sb-trigger active"> <span>Màu sắc</span> </button>
<div class="panel sidebar-sort" style="max-height: 123px;">
<ul class="grid mg-left-0 no-bullets filter-variant filter-color clearfix ">
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Xanh" class="filter-vendor__item xanh">
<input type="checkbox" value="(variant:product=Xanh)" style="background-color: #6cbef5">
<span>Xanh</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Đỏ" class="filter-vendor__item do">
<input type="checkbox" value="(variant:product=Đỏ)" style="background-color: #b31717">
<span>Đỏ</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Hồng" class="filter-vendor__item hong">
<input type="checkbox" value="(variant:product=Hồng)" style="background-color: #f799c8">
<span>Hồng</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Vàng" class="filter-vendor__item vang">
<input type="checkbox" value="(variant:product=Vàng)" style="background-color: #e0e062">
<span>Vàng</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Xám" class="filter-vendor__item xam">
<input type="checkbox" value="(variant:product=Xám)" style="background-color: #e6e6e6">
<span>Xám</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Đen" class="filter-vendor__item den">
<input type="checkbox" value="(variant:product=Đen)" style="background-color: #000000">
<span>Đen</span> </label>
</li>
<li class="grid__item large--six-twelfths pd-left0">
<label data-filter="Tím" class="filter-vendor__item tim">
<input type="checkbox" value="(variant:product=Tím)" style="background-color: #de1bde">
<span>Tím</span> </label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<footer id="footer">
<div class="footer-content">
<div class="wrapper">
<div class="inner">
<div class="grid-uniform">
<div class="grid__item large--one-quarter medium--one-half small--one-whole">
<div class="ft-contact">
<h3 class="ft-title"> Thông tin liên hệ </h3>
<div class="ft-contact-desc"> Suplo cam kết nỗ lực hết mình nhằm cung cấp sản phẩm và dịch vụ đúng với những giá trị mà khách hàng mong đợi. </div>
<div class="ft-contact-address"> <span class="ft-contact-icon"><svg class="svg-inline--fa fa-map-marker-alt fa-w-12" aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path>
</svg><!-- <i class="fas fa-map-marker-alt"></i> --></span>
<div class="ft-contact-detail"> Địa chỉ: Số 1 Lương Yên, Q.Hai Bà Trưng, Hà Nội </div>
</div>
<div class="ft-contact-tel"> <span class="ft-contact-icon"><svg class="svg-inline--fa fa-phone fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M493.397 24.615l-104-23.997c-11.314-2.611-22.879 3.252-27.456 13.931l-48 111.997a24 24 0 0 0 6.862 28.029l60.617 49.596c-35.973 76.675-98.938 140.508-177.249 177.248l-49.596-60.616a24 24 0 0 0-28.029-6.862l-111.997 48C3.873 366.516-1.994 378.08.618 389.397l23.997 104C27.109 504.204 36.748 512 48 512c256.087 0 464-207.532 464-464 0-11.176-7.714-20.873-18.603-23.385z"></path>
</svg><!-- <i class="fas fa-phone"></i> --></span>
<div class="ft-contact-detail"> Số điện thoại: <a href="tel:(+84) 934 323 882">(+84) 934 323 882</a> </div>
</div>
<div class="ft-contact-email"> <span class="ft-contact-icon"><svg class="svg-inline--fa fa-envelope fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path>
</svg><!-- <i class="fas fa-envelope"></i> --></span>
<div class="ft-contact-detail"> Email: <a href="mailto:support@suplo.vn">support@suplo.vn</a> </div>
</div>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-half small--one-whole">
<div class="ft-nav">
<h3 class="ft-title"> Liên kết nhanh website </h3>
<ul class="no-bullets">
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Tìm hiểu về mua trả góp</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Chính sách bảo hành</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Chính sách đổi trả</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Giao hàng và thanh toán</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Hướng dẫn mua online</a></li>
</ul>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-half small--one-whole">
<div class="ft-nav">
<h3 class="ft-title"> Dịch vụ khách hàng </h3>
<ul class="no-bullets">
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Bán hàng doanh nghiệp</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Phiếu mua hàng</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">In hóa đơn điện tử</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Quy chế hoạt động</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Chất lượng phục vụ</a></li>
<li> <svg class="svg-inline--fa fa-caret-right fa-w-6" aria-hidden="true" data-prefix="fas" data-icon="caret-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path>
</svg><!-- <i class="fas fa-caret-right"></i> -->
<a href="/">Thông tin trao thưởng</a></li>
</ul>
</div>
</div>
<div class="grid__item large--one-quarter medium--one-half small--one-whole">
<div class="ft-subscribe">
<h3 class="ft-title"> Đăng ký nhận tin </h3>
<div class="ft-subscribe-desc"> Mỗi tháng chúng tôi đều có những đợt giảm giá dịch vụ và sản phẩm nhằm chi ân khách hàng. Để có thể cập nhật kịp thời những đợt giảm giá này, vui lòng nhập địa chỉ email của bạn vào ô dưới đây. </div>
<div class="ft-sub-wrapper">
<form accept-charset="UTF-8" action="/account/contact" class="contact-form" method="post">
<input name="form_type" type="hidden" value="customer">
<input name="utf8" type="hidden" value="✓">
<input type="email" value="" placeholder="Nhập địa chỉ email của bạn..." name="contact[email]" id="Email" aria-label="email@example.com">
<input type="hidden" name="contact[tags]" value="newsletter">
<button type="submit" name="subscribe" id="subscribe" value="GỬI"><svg class="svg-inline--fa fa-telegram-plane fa-w-14" aria-hidden="true" data-prefix="fab" data-icon="telegram-plane" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"></path>
</svg><!-- <i class="fab fa-telegram-plane"></i> --></button>
</form>
</div>
</div>
<div class="ft-social"> <a href="https://www.facebook.com/SuploTeam/" class="fb-icon"><svg class="svg-inline--fa fa-facebook-f fa-w-9" aria-hidden="true" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512" data-fa-i2svg="">
<path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path>
</svg><!-- <i class="fab fa-facebook-f"></i> --></a> <a href="https://twitter.com/" class="tw-icon"><svg class="svg-inline--fa fa-twitter fa-w-16" aria-hidden="true" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg><!-- <i class="fab fa-twitter"></i> --></a> <a href="https://vn.linkedin.com/" class="linkedin-icon"><svg class="svg-inline--fa fa-linkedin-in fa-w-14" aria-hidden="true" data-prefix="fab" data-icon="linkedin-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path>
</svg><!-- <i class="fab fa-linkedin-in"></i> --></a> <a href="https://plus.google.com/" class="gg-icon"><svg class="svg-inline--fa fa-google-plus-g fa-w-20" aria-hidden="true" data-prefix="fab" data-icon="google-plus-g" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"></path>
</svg><!-- <i class="fab fa-google-plus-g"></i> --></a> <a href="https://www.youtube.com/" class="yt-icon"><svg class="svg-inline--fa fa-youtube fa-w-18" aria-hidden="true" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg><!-- <i class="fab fa-youtube"></i> --></a> <a href="https://www.instagram.com/" class="ins-icon"><svg class="svg-inline--fa fa-instagram fa-w-14" aria-hidden="true" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg><!-- <i class="fab fa-instagram"></i> --></a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyrights">
<div class="wrapper">
<div class="inner">
<div class="grid">
<div class="grid__item large--one-half medium--one-whole small--one-whole float-right">
<div class="ft-copyrights-link text-right">
<ul class="no-bullets">
<li><a href="/">Điều khoản sử dụng</a></li>
<li><a href="/">Chính sách bảo mật</a></li>
<li><a href="/">Câu hỏi thường gặp</a></li>
</ul>
</div>
</div>
<div class="grid__item large--one-half medium--one-whole small--one-whole">
<div class="ft-copyrights-content"> Copyrights © 2018 by <a target="_blank" href="http://suplo.vn">Suplo</a>. <a target="_blank" href="https://www.haravan.com">Powered by Haravan</a> </div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div id="fixed-social-network" class="medium--hide small--hide"> <a href="https://www.facebook.com/SuploTeam/" class="fb-icon"><svg class="svg-inline--fa fa-facebook-f fa-w-9" aria-hidden="true" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512" data-fa-i2svg="">
<path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path>
</svg><!-- <i class="fab fa-facebook-f"></i> --> Facebook</a> <a href="https://www.instagram.com/" class="ins-icon"><svg class="svg-inline--fa fa-instagram fa-w-14" aria-hidden="true" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg><!-- <i class="fab fa-instagram"></i> --> Instagram</a> <a href="https://www.youtube.com/" class="yt-icon"><svg class="svg-inline--fa fa-youtube fa-w-18" aria-hidden="true" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg><!-- <i class="fab fa-youtube"></i> --> Youtube</a> <a href="https://twitter.com/" class="tw-icon"><svg class="svg-inline--fa fa-twitter fa-w-16" aria-hidden="true" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg><!-- <i class="fab fa-twitter"></i> --> Twitter</a> <a href="https://plus.google.com/" class="gg-icon"><svg class="svg-inline--fa fa-google-plus-g fa-w-20" aria-hidden="true" data-prefix="fab" data-icon="google-plus-g" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"></path>
</svg><!-- <i class="fab fa-google-plus-g"></i> --> Google+</a> <a href="https://vn.linkedin.com/" class="linkedin-icon"><svg class="svg-inline--fa fa-linkedin-in fa-w-14" aria-hidden="true" data-prefix="fab" data-icon="linkedin-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path>
</svg><!-- <i class="fab fa-linkedin-in"></i> --> Linkedin</a> <a href="javascript:void(0)" id="back-to-top" style="display: none;"><svg class="svg-inline--fa fa-angle-up fa-w-10" aria-hidden="true" data-prefix="fa" data-icon="angle-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path>
</svg><!-- <i class="fa fa-angle-up" aria-hidden="true"></i> --> Top</a> </div>
<section id="mobile-bottom-navigation" class="large--hide medium--hide">
<div class="grid mg-left-0">
<div class="grid__item medium--two-tenths small--two-tenths pd-left0">
<div class="mobile-nav-item"> <a href="/collections/all"> <svg class="svg-inline--fa fa-tag fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"></path>
</svg><!-- <i class="fas fa-tag"></i> --><br>
Hàng mới </a> </div>
</div>
<div class="grid__item medium--two-tenths small--two-tenths pd-left0">
<div class="mobile-nav-item"> <a href="/collections/all"> <svg class="svg-inline--fa fa-gift fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="gift" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M488 192h-64.512C438.72 175.003 448 152.566 448 128c0-52.935-43.065-96-96-96-41.997 0-68.742 20.693-95.992 54.15C226.671 50.192 199.613 32 160 32c-52.935 0-96 43.065-96 96 0 24.566 9.28 47.003 24.512 64H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h8v112c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V320h8c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zm-208-32c24-56 55.324-64 72-64 17.645 0 32 14.355 32 32s-14.355 32-32 32h-72zM160 96c16.676 0 48 8 72 64h-72c-17.645 0-32-14.355-32-32s14.355-32 32-32zm48 128h96v184c0 13.255-10.745 24-24 24h-48c-13.255 0-24-10.745-24-24V224z"></path>
</svg><!-- <i class="fas fa-gift"></i> --><br>
Khuyến mãi </a> </div>
</div>
<div class="grid__item medium--two-tenths small--two-tenths pd-left0">
<div class="mobile-nav-item"> <a href="/account"> <svg class="svg-inline--fa fa-user fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="user" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M256 0c88.366 0 160 71.634 160 160s-71.634 160-160 160S96 248.366 96 160 167.634 0 256 0zm183.283 333.821l-71.313-17.828c-74.923 53.89-165.738 41.864-223.94 0l-71.313 17.828C29.981 344.505 0 382.903 0 426.955V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48v-37.045c0-44.052-29.981-82.45-72.717-93.134z"></path>
</svg><!-- <i class="fas fa-user"></i> --><br>
Tài khoản </a> </div>
</div>
<div class="grid__item medium--two-tenths small--two-tenths pd-left0">
<div class="mobile-nav-item"> <a href="/pages/lien-he "> <svg class="svg-inline--fa fa-phone fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M493.397 24.615l-104-23.997c-11.314-2.611-22.879 3.252-27.456 13.931l-48 111.997a24 24 0 0 0 6.862 28.029l60.617 49.596c-35.973 76.675-98.938 140.508-177.249 177.248l-49.596-60.616a24 24 0 0 0-28.029-6.862l-111.997 48C3.873 366.516-1.994 378.08.618 389.397l23.997 104C27.109 504.204 36.748 512 48 512c256.087 0 464-207.532 464-464 0-11.176-7.714-20.873-18.603-23.385z"></path>
</svg><!-- <i class="fas fa-phone"></i> --><br>
Liên hệ </a> </div>
</div>
<div class="grid__item medium--two-tenths small--two-tenths pd-left0">
<div class="mobile-nav-item"> <a href="<?=site?>gio-hang.html"> <svg class="svg-inline--fa fa-shopping-cart fa-w-18" aria-hidden="true" data-prefix="fas" data-icon="shopping-cart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor" d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"></path>
</svg><!-- <i class="fas fa-shopping-cart"></i> --><br>
Giỏ hàng <span class="number"> 0 </span> </a> </div>
</div>
</div>
</section>
<div id="modalAddComplete"> </div>
<button type="button" id="modalAddCompleteBtn" style="display: none;"></button>
<script>
// Get the modal
var modalAddComplete = document.getElementById('modalAddComplete');
// Get the button that opens the modal
var modalAddCompleteBtn = document.getElementById("modalAddCompleteBtn");
// When the user clicks the button, open the modal
modalAddCompleteBtn.onclick = function() {
modalAddComplete.style.display = "block";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modalAddComplete) {
modalAddComplete.style.display = "none";
}
}
</script>
<script src="//hstatic.net/0/0/global/api.jquery.js" type="text/javascript"></script>
<script src="//hstatic.net/0/0/global/option_selection.js" type="text/javascript"></script>
<script src="//theme.hstatic.net/1000253476/1000371081/14/fastclick.min.js?v=1722" type="text/javascript"></script>
<script src="//theme.hstatic.net/1000253476/1000371081/14/script.js?v=1722" type="text/javascript"></script>
<script src="//theme.hstatic.net/1000253476/1000371081/14/timber.js?v=1722" type="text/javascript"></script>
<script>
</script>
<script src="//theme.hstatic.net/1000253476/1000371081/14/handlebars.min.js?v=1722" type="text/javascript"></script>
<!-- /snippets/ajax-cart-template.liquid -->
<script id="CartTemplate" type="text/template">
<form action="<?=site?>gio-hang.html" method="post" novalidate class="cart ajaxcart">
<div class="ajaxcart__inner">
{{#items}}
<div class="ajaxcart__product">
<div class="ajaxcart__row" data-line="{{line}}">
<div class="grid">
<div class="grid__item one-quarter">
<a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a>
</div>
<div class="grid__item three-quarters">
<p>
<a href="{{url}}" class="ajaxcart__product-name">{{name}}</a>
{{#if variation}}
<span class="ajaxcart__product-meta">{{variation}}</span>
{{/if}}
{{#properties}}
{{#each this}}
{{#if this}}
<span class="ajaxcart__product-meta">{{@key}}: {{this}}</span>
{{/if}}
{{/each}}
{{/properties}}
</p>
<div class="grid--full display-table">
<div class="grid__item display-table-cell one-half">
<div class="ajaxcart__qty">
<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}">
<span class="icon icon-minus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">−</span>
<span class="visually-hidden">Giảm số lượng sản phẩm đi 1</span>
</button>
<input type="text" name="updates[]" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*">
<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}">
<span class="icon icon-plus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">+</span>
<span class="visually-hidden">Tăng số lượng sản phẩm lên 1</span>
</button>
</div>
</div>
<div class="grid__item display-table-cell one-half text-right">
{{#if discountsApplied}}
<small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small>
<br><span>{{{linePrice}}}</span>
{{else}}
<span>{{{linePrice}}}</span>
{{/if}}
</div>
</div>
{{#if discountsApplied}}
<div class="grid--full display-table">
<div class="grid__item text-right">
{{#each discounts}}
<small class="ajaxcart-item__discount">{{ this.title }}</small><br>
{{/each}}
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
</div>
</div>
{{/items}}
<div>
<label for="CartSpecialInstructions">Chú thích cho chủ cửa hàng</label>
<textarea name="note" class="input-full" id="CartSpecialInstructions">{{ note }}</textarea>
</div>
</div>
<div class="ajaxcart__footer">
<div class="grid--full">
<div class="grid__item two-thirds">
<p>Tổng tiền</p>
</div>
<div class="grid__item one-third text-right">
<p>{{{totalPrice}}}</p>
</div>
{{#if totalCartDiscount}}
<p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p>
{{/if}}
</div>
<p class="text-center">Vận chuyển</p>
<button type="submit" class="btn--secondary btn--full cart__checkout" name="checkout">
Thanh toán →
</button>
</div>
</form>
</script>
<script id="AjaxQty" type="text/template">
<div class="ajaxcart__qty">
<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}">
<span class="icon icon-minus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">−</span>
<span class="visually-hidden">Giảm số lượng sản phẩm đi 1</span>
</button>
<input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*">
<button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}">
<span class="icon icon-plus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">+</span>
<span class="visually-hidden">Tăng số lượng sản phẩm lên 1</span>
</button>
</div>
</script>
<script id="JsQty" type="text/template">
<div class="js-qty">
<button type="button" class="js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}">
<span class="icon icon-minus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">−</span>
<span class="visually-hidden">Giảm số lượng sản phẩm đi 1</span>
</button>
<input type="number" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}">
<button type="button" class="js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}">
<span class="icon icon-plus" aria-hidden="true"></span>
<span class="fallback-text" aria-hidden="true">+</span>
<span class="visually-hidden">Tăng số lượng sản phẩm lên 1</span>
</button>
</div>
</script>
<script src="//theme.hstatic.net/1000253476/1000371081/14/ajax-cart.js?v=1722" type="text/javascript"></script>
<script>
jQuery(function($) {
ajaxCart.init({
formSelector: '#AddToCartForm',
cartContainer: '#CartContainer',
addToCartSelector: '#AddToCart',
cartCountSelector: '#CartCount',
cartCostSelector: '#CartCost',
moneyFormat: "{{amount}}₫"
});
});
jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) {
// Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM
timber.RightDrawer.open();
});
</script>
<!-- Custom script -->
<!-- accordion -->
<script>
jQuery(document).ready(function() {
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
}
if ($(window).width() > 769) {
$('.accordion.col-sb-trigger').trigger('click');
}
});
</script>
<script>
initCartHeader();
function initCartHeader() {
var box1 = document.querySelector('.desktop-cart-wrapper .quickview-cart');
var box2 = document.querySelector('.desktop-cart-wrapper1 .quickview-cart');
function show1() {
//console.log('showing');
$(".cart-overlay1").addClass('open');
box1.style.display = 'block';
}
function hide1() {
//console.log('hiding');
$(".cart-overlay1").removeClass('open');
box1.style.display = 'none';
}
$(".desktop-cart-wrapper .btnCloseQVCart").click(function(){
hide1();
});
var outside1 = function(event) {
if (!box1.contains(event.target)) {
hide1();
//console.log('removing outside listener on document')
this.removeEventListener(event.type, outside1);
}
}
document.querySelector('.desktop-cart-wrapper > a').addEventListener('click', function(event) {
event.preventDefault();
event.stopPropagation();
show1();
document.addEventListener('click', outside1);
});
function show2() {
//console.log('showing');
$(".cart-overlay1").addClass('open');
box2.style.display = 'block';
}
function hide2() {
//console.log('hiding');
$(".cart-overlay1").removeClass('open');
box2.style.display = 'none';
}
$(".desktop-cart-wrapper1 .btnCloseQVCart").click(function(){
hide2();
});
var outside2 = function(event) {
if (!box2.contains(event.target)) {
hide2();
//console.log('removing outside listener on document')
this.removeEventListener(event.type, outside2);
}
}
document.querySelector('.desktop-cart-wrapper1 > a').addEventListener('click', function(event) {
event.preventDefault();
event.stopPropagation();
show2();
document.addEventListener('click', outside2);
});
}
</script>
<!-- Owl carousel init -->
<script>
$(document).ready(function() {
$('#owl-home-flash-sale').owlCarousel({
smartSpeed: 1000,
nav: true,
dots: false,
loop: false,
responsiveRefreshRate : 200,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsive:{
0:{
items:2
},
480:{
items:3
},
768:{
items:4
},
1000:{
items:5
}
}
})
$('#owl-home-promotions').owlCarousel({
smartSpeed: 1000,
nav: false,
dots: true,
loop: false,
autoplay: true,
autoplayHoverPause: true,
responsiveRefreshRate : 200,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsive:{
0:{
items:1
},
480:{
items:1
},
768:{
items:2
},
1000:{
items:2
}
}
})
$('#owl-collection-banners').owlCarousel({
smartSpeed: 1000,
nav: false,
dots: true,
loop: false,
autoplay: true,
autoplayHoverPause: true,
responsiveRefreshRate : 200,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsive:{
0:{
items:1
},
480:{
items:1
},
768:{
items:1
},
1000:{
items:1
}
}
})
$("#owl-related-products-slider").owlCarousel({
smartSpeed: 1000,
nav: true,
dots: false,
loop: false,
autoplay: false,
autoplayHoverPause: true,
responsiveRefreshRate : 200,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsive:{
0:{
items:2
},
480:{
items:3
},
768:{
items:4
},
1000:{
items:5
}
}
});
$("#owl-customize-variants-products-slider").owlCarousel({
items: 5,
itemsDesktop: [1000, 5],
itemsDesktopSmall: [900, 5],
itemsTablet: [768, 4],
itemsMobile: [480, 3],
navigation: true,
pagination: false,
slideSpeed: 1000,
autoPlay: 3000,
paginationSpeed: 1000,
navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>']
});
});
</script>
<!-- Back to top -->
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('#back-to-top').fadeIn(duration);
} else {
jQuery('#back-to-top').fadeOut(duration);
}
});
jQuery('#back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({
scrollTop: 0
}, duration);
return false;
});
window.onscroll = changePos;
function changePos() {
var header = $("#header");
var headerheight = $("#header").height();
if (window.pageYOffset > headerheight) {
header.addClass('scrolldown');
} else {
header.removeClass('scrolldown');
}
}
});
</script>
<!-- Validate quantity form & trigger zoom -->
<script>
$("document").ready(function() {
$(function() {
$(".js-qty__num").keypress(function(event) {
if (event.which != 8 && event.which != 0 && (event.which < 48 || event.which > 57)) {
return false;
}
});
});
if($(window).width()> 768){
setTimeout(function() {
$("#ProductThumbs .thumbnail-item:first-child a").trigger('click');
},100);
};
});
</script>
<script>
// Đầu tiên chúng ta sẽ cần 3 biến
// total_page, cur_page và một câu truy vấn dữ liệu
var total_page, cur_page, collectionid, collectionSize;
total_page = 2 // Tổng trang
cur_page = 1; // Trang hiện tại
collectionid = '0'; // Lưu collection id, để khi buyer click bỏ hết filter thì mình sẽ dựa vào id này để quay trở về trang bắt đầu.
collectionSize = 33;
var pageLimit = 24;
var timeOutFilter;
var check_slided_price = false; // Biến này để check phần filter price ( Nếu dùng input checkbox thì ko cần biến này )
var check_url_param = false; // Biến này để check link url có filter hay ko vd : /collections/all?price=0:500000&vendor=juno
var query = '';
var quantityProductLeft = collectionSize - (cur_page*pageLimit);
var loadingText = '<i class="fa fa-spinner fa-spin"></i> Loading...';
var productLeftText = ('Xem Thêm (còn '+ quantityProductLeft +' sản phẩm)');
var btnLoading = $('.btn-loading'), productsContainer = $('.product-list'), hideFilter = $('.not-filter'), imgResize= $('.image-resize');
function getProductLeft(){
var quantityProductLeft = collectionSize - (cur_page*pageLimit);
var _text = ('Xem Thêm (còn '+ quantityProductLeft +' sản phẩm)');
return _text;
}
if(quantityProductLeft > 0){
btnLoading.html(getProductLeft());
}else{
btnLoading.hide();
}
if ( collectionid == 0 ) {
query = "/search?q=filter=((collectionid:product>" + collectionid + ')';
} else {
query = "/search?q=filter=((collectionid:product=" + collectionid + ')';
}
var genQuery = function(){
url_param = ''; // Biến này dùng để lưu phần filter của buyer đưa lên url
_query = query ; // Biến này để lưu câu truy vấn dữ liệu
price = '',vendor = '', size1 = '', size2 = '', size3 = '', color = '' , type = '';
url_price = 'price=',url_vendor = 'vendor=',url_color = 'color=',url_size1 = 'size=',url_size2 = 'size=',url_size3 = 'size=',url_type= 'type=';
if ( check_slided_price ) {
price = jQuery('.filter-price input[type=radio]:checked').val();
url_price = url_price + jQuery('.filter-price input[type=radio]:checked').attr('data-price');
url_param = url_param + url_price + '&';
_query = _query + '&&' + price;
} else {
url_price = '';
}
if ( jQuery('.filter-vendor input:checked').length > 0 ) {
jQuery('.filter-vendor li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
vendor = vendor + jQuery(this).find('input').val() + '||';
url_vendor = url_vendor + $(this).find('label').attr('data-filter') + ',';
}
});
vendor = vendor + '####';
vendor = '(' + vendor.split('||####')[0] + ')';
url_vendor = url_vendor + '####';
url_vendor = url_vendor.split(',####')[0];
url_param = url_param + url_vendor + '&';
_query = _query + '&&' + vendor;
} else {
url_vendor = '';
}
if ( jQuery('.filter-type input:checked').length > 0 ) {
jQuery('.filter-type li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
type = type + jQuery(this).find('input').val() + '||';
url_type = url_type + $(this).find('label').attr('data-filter') + ',';
}
});
type = type + '####';
type = '(' + type.split('||####')[0] + ')';
url_type = url_type + '####';
url_type = url_type.split(',####')[0];
url_param = url_param + url_type + '&';
_query = _query + '&&' + type;
} else {
url_type = '';
}
if ( jQuery('.filter-size1 input:checked').length > 0 ) {
jQuery('.filter-size1 li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
size1 = size1 + jQuery(this).find('input').val() + '||';
url_size1 = url_size1 + $(this).find('label').attr('data-filter') + ',';
}
});
size1 = size1 + '####';
size1 = '(' + size1.split('||####')[0] + ')';
url_size1 = url_size1 + '####';
url_size1 = url_size1.split(',####')[0];
url_param = url_param + url_size1 + '&';
_query = _query + '&&' + size1;
console.log('a');
} else {
url_size1 = '';
}
if ( jQuery('.filter-size2 input:checked').length > 0 ) {
jQuery('.filter-size2 li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
size2 = size2 + jQuery(this).find('input').val() + '||';
url_size2 = url_size2 + $(this).find('label').attr('data-filter') + ',';
}
});
size2 = size2 + '####';
size2 = '(' + size2.split('||####')[0] + ')';
url_size2 = url_size2 + '####';
url_size2 = url_size2.split(',####')[0];
url_param = url_param + url_size2 + '&';
_query = _query + '&&' + size2;
} else {
url_size2 = '';
}
if ( jQuery('.filter-size3 input:checked').length > 0 ) {
jQuery('.filter-size3 li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
size3 = size3 + jQuery(this).find('input').val() + '||';
url_size3 = url_size3 + $(this).find('label').attr('data-filter') + ',';
}
});
size3 = size3 + '####';
size3 = '(' + size3.split('||####')[0] + ')';
url_size3 = url_size3 + '####';
url_size3 = url_size3.split(',####')[0];
url_param = url_param + url_size3 + '&';
_query = _query + '&&' + size3;
} else {
url_size3 = '';
}
if ( jQuery('.filter-color input:checked').length > 0 ) {
jQuery('.filter-color li').each(function(){
if ( jQuery(this).find('input').is(':checked') ) {
color = color + jQuery(this).find('input').val() + '||';
url_color = url_color + $(this).find('label').attr('data-filter') + ',';
}
});
color = color + '####';
color = '(' + color.split('||####')[0] + ')';
url_color = url_color + '####';
url_color = url_color.split(',####')[0];
url_param = url_param + url_color + '&';
_query = _query + '&&' + color;
} else {
url_color = '';
}
var query_final = _query + ')';
if ( check_slided_price == false && jQuery('.filter-type input:checked').length == 0 && jQuery('.filter-vendor input:checked').length == 0 && jQuery('.filter-variant input:checked').length == 0) {
if ( collectionid == 0 ) {
query_final = "/search?q=filter=(collectionid:product>" + collectionid + ")";
} else {
query_final = "/search?q=filter=(collectionid:product=" + collectionid + ")";
}
if ( check_url_param ) {
history.pushState(null, null, window.location.pathname);
}
} else {
url_param = url_param + '####';
url_param = url_param.split('&####')[0];
if ( check_url_param ) {
history.pushState(null, null, '?' + url_param );
}
if ( cur_page >= 1 && check_url_param ) {
history.pushState(null, null, '?' + url_param );
}
}
query_final = query_final.replace('/search?q=filter=', '');
query_final = encodeURIComponent(query_final);
query_final = '/search?q=filter=' + query_final;
return query_final;
}
// Ở đây chúng ta sẽ setTimeout cho function này vì khi khách sản click liên tục sẽ dẫn đến
// trạng request nhiều lần, nên mình sẽ setTimeout 1s để khi khách hàng click liên tục
// sẽ không bị request nhiều lần nữa.
var filter_append_product = function(){
clearTimeout(timeOutFilter);
timeOutFilter = setTimeout(function(){
total_page = 0,cur_page = 1;
url = genQuery();
jQuery.ajax({
url: url + '&view=pagesize',
success:function(data){
total_page = parseInt(data.split('####')[0]);
collectionSize = parseInt(data.split('####')[1]);
console.log('collection-size=' + collectionSize);
btnLoading.hide();
if ( total_page > 1 ) {
btnLoading.html(getProductLeft());
btnLoading.show();
}
}
});
//lay trang dau tien
jQuery.ajax({
url: url + '&view=filter',
success:function(data){
loadingcomplete = true;
//$('.empty').remove(); // Xóa phần thông báo hết hàng or không tìm thấy khi filter -> đặt class empty vào đoạn html đó
productsContainer.html(''); // Xóa dữ liệu củ
hideFilter.remove();
productsContainer.append(data);
}
});
},1000);
}
var filter_append_product_by_page = function(queryByPage){
jQuery.ajax({
url: queryByPage,
success:function(data){
loadingcomplete = true;
productsContainer.html(data);
hideFilter.remove();
}
});
}
// Khi buyer click vào input mình sẽ bắt sự kiện change của nó và chạy function filter_append_product() để get dữ liệu.
jQuery(document).ready(function(){
jQuery('.filter-vendor input').change(function(){
filter_append_product();
});
jQuery('.filter-type input').change(function(){
filter_append_product();
});
jQuery('.filter-size1 input').change(function(){
filter_append_product();
});
jQuery('.filter-size2 input').change(function(){
filter_append_product();
});
jQuery('.filter-size3 input').change(function(){
filter_append_product();
});
jQuery('.filter-color input').change(function(){
filter_append_product();
});
jQuery('.filter-price input').change(function(){
check_slided_price = true;
filter_append_product();
});
// Phần điều kiện này dùng để lấy dữ liệu filter từ url nếu có vd : /collections/all?price=0:500000&vendor=juno
if ( window.location.search != '' && window.location.search.indexOf('?page=') != 0 ) {
$('.filter-vendor input:checkbox,.filter-type input:checkbox,.filter-variant input:checkbox,.filter-price input:radio').prop('checked', false);// Unclock checked input filter
filter_value = [];
link_url = window.location.search.replace('?', '').split('&');
if ( link_url.length > 0 ) {
$.each(link_url,function(i,v){
filter_value[v.split('=')[0]] = v.split('=')[1];
});
}
if ( filter_value["price"] != undefined ) {
if ( jQuery(".filter-price input[data-price='" + filter_value["price"] + "']").length > 0 ) {
jQuery(".filter-price input[data-price='" + filter_value["price"] + "']").click();
}
}
if ( filter_value["vendor"] != undefined ) {
$.each(filter_value["vendor"].split(','),function(i,v) {
$('.filter-vendor .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
if ( filter_value["type"] != undefined ) {
$.each(filter_value["type"].split(','),function(i,v) {
$('.filter-type .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
if ( filter_value["color"] != undefined ) {
$.each(filter_value["color"].split(','),function(i,v) {
$('.filter-color .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
if ( filter_value["size1"] != undefined ) {
$.each(filter_value["size1"].split(','),function(i,v) {
$('.filter-size1 .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
if ( filter_value["size2"] != undefined ) {
$.each(filter_value["size2"].split(','),function(i,v) {
$('.filter-size2 .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
if ( filter_value["size3"] != undefined ) {
$.each(filter_value["size3"].split(','),function(i,v) {
$('.filter-size3 .' + convertToSlug(decodeURIComponent(v)) + ' input').click();
});
}
check_url_param = true;
} else {
check_url_param = true;
}
});
var loadingcomplete = true, isloading = false;
// Xữ lý nút load more
jQuery(document).on("click",'.btn-loading',function(){
loadingcomplete = false;
if(!isloading && cur_page < total_page ){
isloading = true;
cur_page++;
btnLoading.html(loadingText);
$.ajax({
url: genQuery() + '&view=filter&page=' + cur_page,
success:function(data){
pos_scrollTop = jQuery(window).scrollTop();
jQuery('.empty').remove();
productsContainer.append(data);
jQuery(window).scrollTop(pos_scrollTop);
isloading = false;
loadingcomplete = true;
if ( cur_page == total_page ) {
btnLoading.hide();
}else{
btnLoading.html(getProductLeft());
}
}
});
}
});
</script>
<!-- popup loaded -->
<script>
$(document).ready(function(){
var date = new Date();
var minutes = 60;
date.setTime(date.getTime() + (minutes * 60 * 1000));
if (getCookie('popupNewLetterStatus') != 'closed') {
$('#popup-btn').trigger('click');
setCookie('popupNewLetterStatus', 'closed', date);
};
})
</script>
<!-- quick view -->
<style>
.modal {
display: none;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
transtion: all .5s;
}
.modal-content {
background-color: #fefefe;
margin: 5% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 780px;
transform: translatey(-30px);
transition: all .5s;
}
.close {
color: #aaa;
font-size: 28px;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
width: 40px;
text-align: center;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
</style>
<div class="modal" id="productQuickView">
<div class="modal-content"> <span id="close" class="close">×</span>
<form class="grid" id="form-quick-view">
<div class="grid__item large--five-tenths">
<div class="image-zoom"> <img id="p-product-image-feature" class="p-product-image-feature" src="">
<div id="p-sliderproduct" class="flexslider">
<ul class="slides">
</ul>
</div>
</div>
</div>
<div class="grid__item large--five-tenths pull-right">
<h4 class="p-title modal-title " id="">Tên sản phẩm</h4>
<p class="product-more-info"> <span class="product-sku"> Mã sản phẩm: <span id="ProductSku">01923123</span> </span> </p>
<div class="form-input product-price-wrapper">
<div class="product-price"> <span class="p-price "></span> <del></del> </div>
<em id="PriceSaving"></em> </div>
<div class="p-option-wrapper">
<select name="id" class="" id="p-select-quickview">
</select>
</div>
<div id="swatch-quick-view" class="select-swatch"> </div>
<div class="form-input hidden">
<label>Số lượng</label>
<div class="js-qty">
<button type="button" class="js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="" data-qty="0"> <span class="icon icon-minus" aria-hidden="true"></span> <span class="fallback-text" aria-hidden="true">−</span> <span class="visually-hidden">Giảm số lượng sản phẩm đi 1</span> </button>
<input type="number" class="js-qty__num" value="1" min="1" data-id="" aria-label="quantity" pattern="[0-9]*" name="quantity" id="">
<button type="button" class="js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="" data-qty="11"> <span class="icon icon-plus" aria-hidden="true"></span> <span class="fallback-text" aria-hidden="true">+</span> <span class="visually-hidden">Tăng số lượng sản phẩm lên 1</span> </button>
</div>
</div>
<div class="form-input" style="width: 100%">
<button type="submit" class="btn btn-addcart" id="AddToCardQuickView">Thêm vào giỏ</button>
<button disabled="" class="btn btn-soldout">Hết hàng</button>
<div class="qv-readmore"> <span> hoặc </span><a class="read-more p-url" href="" role="button">Xem chi tiết</a> </div>
</div>
</div>
</form>
</div>
<div id="loading">
<div></div>
</div>
</div>
<script>
$('#AddToCardQuickView').on('click', function(e){
e.preventDefault();
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
async : false,
data: jQuery('#form-quick-view').serialize(),
dataType: 'json',
success: function() {
$(".close").trigger('click');
updateCart();
updateCartModal();
},
error: function(XMLHttpRequest, textStatus) {
Haravan.onError(XMLHttpRequest, textStatus);
}
});
});
var callBack = function (variant, selector) {
if (variant) {
modal = $('#productQuickView');
$('.p-price').html(Haravan.formatMoney(variant.price, "{{amount}}₫"));
if(variant.sku){
$('#ProductSku').html(variant.sku);
$('.product-sku').show();
}else{
$('.product-sku').hide();
}
if(variant.compare_at_price - variant.price > 0){
$('#PriceSaving').html('(Bạn đã tích kiệm được ' + Haravan.formatMoney(variant.compare_at_price - variant.price, "{{amount}}₫")+')')
}else{
$('#PriceSaving').html('')
}
if (variant.compare_at_price > 0)
modal.find('del').html(Haravan.formatMoney(variant.compare_at_price, "{{amount}}₫"));
else
modal.find('del').html('');
if (variant.available) {
modal.find('.btn-addcart').css('display', 'block');
modal.find('.btn-soldout').css('display', 'none');
if (variant.featured_image) {
var newImg = variant.featured_image,
el = $('.p-product-image-feature')[0];
Haravan.Image.switchImage(newImg, el, timber.switchImage);
}
check_variant_quickview = true;
}
else {
modal.find('.btn-addcart').css('display', 'none');
modal.find('.btn-soldout').css('display', 'block');
}
}
else {
modal.find('.btn-addcart').css('display', 'none');
modal.find('.btn-soldout').css('display', 'block');
check_variant_quickview = false;
}
}
var p_select_data = $('.p-option-wrapper').html();
var p_zoom = $('.image-zoom').html();
var quickViewProduct = function (purl) {
if ($(window).width() < 680) { window.location = purl; return false; }
modal = $('#productQuickView');
$.ajax({
url: purl + '.js',
async: false,
success: function (product) {
$.each(product.options, function (i, v) {
product.options[i] = v.name;
})
modal.find('.p-title').html(product.title);
modal.find('.p-option-wrapper').html(p_select_data);
modal.find('#swatch-quick-view').html('');
$('.image-zoom').html(p_zoom);
modal.find('.p-url').attr('href', product.url);
$.each(product.variants, function (i, v) {
modal.find('select#p-select-quickview').append("<option value='" + v.id + "'>" + v.title + ' - ' + v.price + "</option>");
})
if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1)
$('.p-option-wrapper').hide();
else
$('.p-option-wrapper').show();
if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1) {
callBack(product.variants[0], null);
}
else {
new Haravan.OptionSelectors("p-select-quickview", { product: product, onVariantSelected: callBack });
if (product.options.length == 1 && product.options[0].indexOf('Tiêu đề')==-1)
modal.find('.selector-wrapper:eq(0)').prepend('<label>' + product.options[0] + '</label>');
$('.p-option-wrapper select:not(#p-select-quickview)').each(function () {
$(this).wrap('<span class="custom-dropdown custom-dropdown--white"></span>');
$(this).addClass("custom-dropdown__select custom-dropdown__select--white");
});
var filePath = window.file_url.substring(0, window.file_url.lastIndexOf('?'));
var assetUrl = window.asset_url.substring(0, window.asset_url.lastIndexOf('?'));
product.options.forEach(function(item){
})
var variantSwatch = '';
for(var j = 0; j< product.options.length; j++){
var option_index = j;
var op_index_plus = option_index + 1;
var swatch = product.options[option_index];
variantSwatch += '<div id="variant-swatch-'+ option_index +'-quickview" class="swatch swatch-quick-view clearfix" data-option="option'+ op_index_plus +'" data-option-index="'+ option_index +'">';
variantSwatch += '<div class="header"> '+ product.options[j]+' </div><div class="select-swap">';
var is_color = false;
if(product.options[j] == "Màu sắc" || product.options[j] == "Màu"){
is_color = true;
}
var values = '';
for(var i = 0; i< product.variants.length; i++){
var value = convertToSlug(product.variants[i].options[option_index]); //value handle :(
var _value = product.variants[i].options[option_index];
if(values.indexOf(value) < 0){
values += ',';
values += ',' + value;
values = values.split(',');
if(is_color){
variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element color '+ value;
}else{
variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element '+ value;
}
if(option_index == 2){
variantSwatch += 'variant-3">';
}else{
variantSwatch +='">';
}
variantSwatch += '<input class="variant-'+option_index+' input-quickview" id="qv-swatch-'+option_index+'-'+value+'" type="radio" name="option'+op_index_plus+'" value="'+_value+'"';
if(j==0){
variantSwatch += ' checked/>';
}else{
variantSwatch += ' />';
}
if(is_color){
var img_url = '';
if(product.variants[i].featured_image != null){
img_url = Haravan.resizeImage(product.variants[i].featured_image.src, 'thumb');
}
if(img_url !== ''){
if(img_url.indexOf('noDefaultImage6') < 0){
variantSwatch += '<label class="'+value+' has-thumb" for="qv-swatch-'+option_index+'-'+value+'" style="background: url('+img_url+') top left no-repeat" >';
}
}
//fix o day
else{
variantSwatch += '<label class="'+value+' no-thumb" for="qv-swatch-'+option_index+'-'+value+'">';
}
variantSwatch +=' <span>'+_value+'</span><img class="crossed-out" src="'+assetUrl+'soldout.png" /><img class="img-check" src="'+assetUrl+'select-pro.png" /></label>';
}else{
variantSwatch += '<label for="qv-swatch-'+option_index+'-'+value+'">'+ _value +'<img class="crossed-out" src="'+assetUrl+'soldout.png" /><img class="img-check" src="'+assetUrl+'select-pro.png" /></label>';
}
//console.log(variantSwatch);
//console.log(product.variants[i])
variantSwatch += '</div>';
}
}
variantSwatch += '</div>';
variantSwatch += '</div>';
}
modal.find('#swatch-quick-view').html(variantSwatch);
callBack(product.variants[0], null);
callFirstVariantQuickView();
}
if (product.images.length == 0) {
modal.find('.p-product-image-feature').attr('src', '//hstatic.net/0/0/global/noDefaultImage6_large.gif');
}
else {
$('#p-sliderproduct').remove();
$('.image-zoom').append("<div id='p-sliderproduct'>");
$('#p-sliderproduct').append("<ul class='owl-carousel inline-list'>");
$.each(product.images, function (i, v) {
elem = $('<li class="item">').append('<a href="#" data-image="" data-zoom-image=""><img /></a>');
elem.find('a').attr('data-image', Haravan.resizeImage(v, 'medium'));
elem.find('a').attr('data-zoom-image', Haravan.resizeImage(v, 'large'));
elem.find('img').attr('data-image', Haravan.resizeImage(v, 'medium'));
elem.find('img').attr('data-zoom-image',Haravan.resizeImage(v, 'large'));
elem.find('img').attr('src', Haravan.resizeImage(v, 'medium'));
modal.find('.owl-carousel').append(elem);
});
var owl = $('#p-sliderproduct .owl-carousel');
owl.owlCarousel({
items:3,
navigation : true,
navigationText :[navRightText, navLeftText]
});
$('#p-sliderproduct .owl-carousel .owl-item').first().children('.item').addClass('active');
modal.find('.p-product-image-feature').attr('src', Haravan.resizeImage(product.featured_image, 'large') );
$(".modal-footer .btn-readmore").attr('href', purl);
}
}
});
return false;
}
$('#productQuickView').on('click', '.item img', function (event) {
event.preventDefault();
modal = $('#quick-view-modal');
modal.find('.p-product-image-feature').attr('src', $(this).attr('data-zoom-image'));
modal.find('.item').removeClass('active');
$(this).parents('li').addClass('active');
return false;
});
$(function(){
$('#close').click(function(){
$('#productQuickView .modal-content').css('opacity', '0');
$('#productQuickView .modal-content').css('transform', 'translateY(-30px)');
$('#productQuickView').css('background-color', 'rgba(0,0,0,0)');
setTimeout(function(){
$('#productQuickView').hide();
}, 500);
document.getElementById("form-quick-view").reset();
})
window.onclick = function(event) {
if (event.target == document.getElementById('productQuickView')) {
$('#productQuickView .modal-content').css('opacity', '0');
$('#productQuickView .modal-content').css('transform', 'translateY(-30px)');
$('#productQuickView').css('background-color', 'rgba(0,0,0,0)');
setTimeout(function(){
$('#productQuickView').hide();
}, 500);
document.getElementById("form-quick-view").reset();
}
}
})
$(document).on("click",".quick-view", function(event){
event.preventDefault();
if(!quickViewProduct($(this).attr('data-handle'))){
if ($(window).width() > 680) {
$('#productQuickView .modal-content').css('opacity', '0');
$('#productQuickView').show();
$('#productQuickView').css('background-color', 'rgba(0,0,0,0.4)');
$('#loading').show();
var images = $("#productQuickView img");
var loadedImgNum = 0;
images.on('load', function(){
loadedImgNum += 1;
if (loadedImgNum == images.length) {
var topPQZ = ($('#productQuickView').height() - $('.modal-content').height())/2;
$('#loading').hide();
$('#productQuickView .modal-content').css('opacity', '1');
$('#productQuickView .modal-content').css('transform', 'translateY(0)');
$('#productQuickView .modal-content').css('margin-top', topPQZ - 50);
}
});
}
$('#p-sliderproduct a').on('click', function(evt) {
evt.preventDefault();
var newImage = $(this).data('zoom-image');
$('.p-product-image-feature').attr('src', newImage);
});
}
});
function callFirstVariantQuickView(){
var _chage = '';
$('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(0).val()+'"]').find('input').click();
$('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(1).val()+'"]').find('input').click();
if(swatch_size == 2){
var _avi_op1 = '';
var _avi_op2 = '';
var _count = $('#variant-swatch-1-quickview .swatch-element').size();
$('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){
var _key = $(this).data('value');
var _unavi = 0;
$('#productQuickView .single-option-selector').eq(0).val(_key).change();
$('#variant-swatch-1-quickview .swatch-element').each(function(i,v){
var _val = $(this).data('value');
$('#productQuickView .single-option-selector').eq(1).val(_val).change();
if(check_variant_quickview == true){
if(_avi_op1 == ''){
_avi_op1 = _key;
}
if(_avi_op2 == ''){
_avi_op2 = _val;
}
}else{
_unavi += 1;
}
})
if(_unavi == _count){
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').addClass('soldout');
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').find('input').attr('disabled','disabled');
}
})
$('#variant-swatch-1-quickview .swatch-element[data-value = "'+_avi_op2+'"] input').click();
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click();
}else if(swatch_size == 3){
var _avi_op1 = '';
var _avi_op2 = '';
var _avi_op3 = '';
var _size_op2 = $('#variant-swatch-1-quickview .swatch-element').size();
var _size_op3 = $('#variant-swatch-2-quickview .swatch-element').size();
$('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){
var _key_va1 = $(this).data('value');
var _count_unavi = 0;
$('#productQuickView .single-option-selector').eq(0).val(_key_va1).change();
$('#variant-swatch-1-quickview .swatch-element').each(function(i,v){
var _key_va2 = $(this).data('value');
var _unavi_2 = 0;
$('#productQuickView .single-option-selector').eq(1).val(_key_va2).change();
$('#variant-swatch-2-quickview .swatch-element').each(function(j,z){
var _key_va3 = $(this).data('value');
$('#productQuickView .single-option-selector').eq(2).val(_key_va3).change();
if(check_variant_quickview == true){
if(_avi_op1 == ''){
_avi_op1 = _key_va1;
}
if(_avi_op2 == ''){
_avi_op2 = _key_va2;
}
if(_avi_op3 == ''){
_avi_op3 = _key_va3;
}
}else{
_unavi_2 += 1;
}
})
if(_unavi_2 == _size_op3){
_count_unavi += 1;
}
})
if(_size_op2 == _count_unavi){
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').addClass('soldout');
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').find('input').attr('disabled','disabled');
}
})
$('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click();
}
var img_ = $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').data('img-src');
}
</script>
<div id="sqseobar2" class="sqseobar2-white sqseobar2-vertical-small sqseobar2-vertical sqseobar2-vertical-right">
<div class="sqseobar2-inner">
<div class="sqseobar2-vertical-top-block"><img src="chrome-extension://akdgnmcogleenhbclghghlkkdndkjdjc/static/svg/seoquake-icon.svg" class="sqseobar2-logo">
<button class="sqseobar2-button-close" title="Close panel"></button>
<button class="sqseobar2-button-configure" title="Configure panel"></button>
<button class="sqseobar2-button-toggle sqseobar2-button-down" title="Toggle panel"></button>
</div>
<div class="sqseobar2-scroll-block sqsll-content" datasqscrollheight="0" style="height: 0px;">
<div class="sqsll-container">
<div class="sqseobar2-specials-container"><a class="sqseobar2-link sqseobar2-link-pageinfo"><span>Summary report</span></a><a class="sqseobar2-link sqseobar2-link-diagnosis"><span>Diagnosis</span></a><a class="sqseobar2-link sqseobar2-link-density"><span>Density</span></a><a class="sqseobar2-link sqseobar2-link-external"><span>External links</span><span class="sqseobar2-link-value">15</span></a><a class="sqseobar2-link sqseobar2-link-internal"><span>Internal links</span><span class="sqseobar2-link-value">140</span></a><a class="sqseobar2-link sqseobar2-link-siteaudit" href="#"><span>Site audit</span><span class="sqseobar2-link-value">n/a</span></a></div>
<div class="sqseobar2-parameters-container">
<div class="sqseobar2-parameters-header">Page</div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-facebook"></span><span class="sqseobar2-parameterItemInline-title">Facebook likes</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-google-plus"></span><span class="sqseobar2-parameterItemInline-title">Google +1</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-source"></span><a href="view-source:https://suplo-mobile.myharavan.com/collections/all" target="_blank" class="seoquake-params-request">source</a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-pinterest"></span><span class="sqseobar2-parameterItemInline-title">Pinterest Pin count</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-linkedin"></span><span class="sqseobar2-parameterItemInline-title">Linkedin share count</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameters-header">Domain</div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-google"></span><span class="sqseobar2-parameterItemInline-title">Google index</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-bing"></span><span class="sqseobar2-parameterItemInline-title">Bing index</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-alexa"></span><span class="sqseobar2-parameterItemInline-title">Alexa rank</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-webarchive"></span><span class="sqseobar2-parameterItemInline-title">Webarchive age</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-user"></span><a href="https://whois.domaintools.com/suplo-mobile.myharavan.com?utm_source=seoquake&utm_medium=seoquake&utm_campaign=seoquake&ref=174537735" target="_blank" class="seoquake-params-request">whois</a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-semrush"></span><span class="sqseobar2-parameterItemInline-title">SEMrush Rank</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-semrush"></span><span class="sqseobar2-parameterItemInline-title">SEMrush advertiser display ads</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-semrush"></span><span class="sqseobar2-parameterItemInline-title">SEMrush publisher display ads</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameters-header">Backlinks</div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-semrush"></span><span class="sqseobar2-parameterItemInline-title">SEMrush backlinks</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
<div class="sqseobar2-parameterItemInline"><span class="sqicn sqicn-semrush"></span><span class="sqseobar2-parameterItemInline-title">SEMrush subdomain backlinks</span><a href="#" target="_blank" class="seoquake-params-request"><i class="sqseobar2-icon sqseobar2-load"></i></a></div>
</div>
</div>
<div class="sqsll-scroll">
<div class="sqsll-scroll-bar"></div>
</div>
</div>
</div>
</div>
</body>