Copyright © 2020 Hmart. All Rights Reserved.
require(['jquery','bxslider'],function($){
$(document).ready(function() {
if(jQuery(window).width() < 768 ) {
$('.product-slider .product-items').bxSlider({
auto: false,
touchEnabled: true,
oneToOneTouch: true,
swipeThreshold: 10,
preventDefaultSwipeX: true,
maxSlides: 6,
slideWidth: 200,
slideMargin: 0,
moveSlides: 1,
minSlides: 2,
pager: false,
controls: true,
prevText: '<span class="icon fa fa-angle-left">',
nextText: '<span class="icon fa fa-angle-right">'
});
}else {
$('.product-slider .product-items').bxSlider({
auto: false,
touchEnabled: true,
oneToOneTouch: true,
swipeThreshold: 10,
preventDefaultSwipeX: true,
maxSlides: 6,
slideWidth: 200,
slideMargin: 0,
moveSlides: 6,
minSlides: 6,
pager: false,
controls: true,
prevText: '<span class="icon fa fa-angle-left">',
nextText: '<span class="icon fa fa-angle-right">'
});
}
});
});
.products-slider span {vertical-align: middle;}
Weekly Deals
.main-online-specials {position: relative; display: inline-block; margin-right: -15px; margin-left: -15px;}
.main-online-specials .item {float: left; width: 33.3333%; padding: 0 15px; box-sizing: border-box;}
.main-online-specials .item a {display:block;}
.main-online-specials .item a:hover {opacity: .9;}
.main-online-specials .item.two a:last-child {position: absolute; bottom: 0; width: calc(33.3333% - 30px);}
.main-online-specials .item a span.text {display: none;}
.main-online-specials .item a img {display:block;}
.main-online-specials.mobile {display: none;}
@media screen and (max-width: 768px) and (min-width: 480px){
.main-online-specials {margin-right: -5px; margin-left: -5px;}
.main-online-specials .item {padding: 0 5px;}
.main-online-specials .item.two a:last-child {width: calc(33.3333% - 10px);}
}
@media screen and (max-width: 479px) {
.main-online-specials {margin-right: -10px; margin-left: -10px;}
.main-online-specials .item {width: 100%; padding: 0 10px;}
.main-online-specials .item a {margin-bottom: 10px;}
.main-online-specials .item:last-child a:last-child {margin-bottom: 0;}
.main-online-specials .item a img {width: 100%}
.main-online-specials .item.two a:last-child {position: static; width: 100%;}
}
.products-slider span {vertical-align: middle;}
New ArrivalsSee More
.featured .main-title span {vertical-align: middle;}
.featured .banners {display: flex; border-top: 1px solid #ddd;}
.featured .small-banner-wrapper {display: flex;}
.featured .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.featured .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.featured .banners {display: block; border-top: none;}
.featured .big-banner {width: 100%;}
.featured .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.featured .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
}
FeaturedSee More
.health-beauty-product .main-title span {vertical-align: middle;}
.health-beauty-product .banners {display: flex; border-top: 1px solid #ddd;}
.health-beauty-product .small-banner-wrapper {display: flex;}
.health-beauty-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.health-beauty-product .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.health-beauty-product .banners {display: block; border-top: none;}
.health-beauty-product .big-banner {width: 100%;}
.health-beauty-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.health-beauty-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
}
.home-kitchen-product .main-title span {vertical-align: middle;}
.home-kitchen-product .banners {display: flex; border-top: 1px solid #ddd;}
.home-kitchen-product .small-banner-wrapper {display: flex;}
.home-kitchen-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.home-kitchen-product .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.home-kitchen-product .banners {display: block; border-top: none;}
.home-kitchen-product .big-banner {width: 100%;}
.home-kitchen-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.home-kitchen-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
}