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: 2,
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; margin: 0 auto; width: 100%;}
.main-online-specials .item {float: left; width: 20%; padding: 0 15px; box-sizing: border-box; text-align: center;}
.main-online-specials .item a {display:block;}
.main-online-specials .item a:hover {opacity: .9;}
.main-online-specials .item span {horizontal align:center}
.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; border-radius: 50%;}
.main-online-specials .mobile {display: none;}
@media screen and (min-width: 769px){
.main-online-specials .item p {text-align: center; font-size: 1.4rem; font-weight: bold;}
}
@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);}
.main-online-specials .item a img {width: 100%; height: 100%;}
.main-online-specials .item p {text-align: center; font-size: 1.4rem; font-weight: bold;}
.main-online-specials .mobile {display: none;}
}
@media screen and (max-width: 479px) {
.main-online-specials {margin-right: -10px; margin-left: -10px;margin: 0 auto; width: 100%;}
.main-online-specials .item {width: 20%; padding: 0 5px;}
.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%; height: 100%;}
.main-online-specials .item.two a:last-child {position: static; width: 100%;}
.main-online-specials .item p {text-align: center; font-size: 1.15rem; font-weight: bold; padding: 0;}
.main-online-specials .mobile {display: block;}
}
.products-slider span {vertical-align: middle;}
New ArrivalsSee More
.products-slider span {vertical-align: middle;}
Featured ItemsSee More
.meat-product .main-title span {vertical-align: middle;}
.meat-product .banners {display: flex; border-top: 1px solid #ddd;}
.meat-product .small-banner-wrapper {display: flex;}
.meat-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.meat-product .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.meat-product .banners {display: block;}
.meat-product .big-banner {width: 100%;}
.meat-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.meat-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;}
}
MeatSee More
.seafood-product .main-title span {vertical-align: middle;}
.seafood-product .banners {display: flex; border-top: 1px solid #ddd;}
.seafood-product .small-banner-wrapper {display: flex;}
.seafood-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.seafood-product .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.seafood-product .banners {display: block; border-top: none;}
.seafood-product .big-banner {width: 100%;}
.seafood-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.seafood-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;}
}
SeafoodSee More
.fruit-vegetables-product .main-title span {vertical-align: middle;}
.fruit-vegetables-product .banners {display: flex; border-top: 1px solid #ddd;}
.fruit-vegetables-product .small-banner-wrapper {display: flex;}
.fruit-vegetables-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.fruit-vegetables-product .banners img {display: block; width: 100%;}
@media screen and (max-width: 479px) {
.fruit-vegetables-product .banners {display: block; border-top: none;}
.fruit-vegetables-product .big-banner {width: 100%;}
.fruit-vegetables-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
.fruit-vegetables-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;}
}