<div class="list-product-home">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="Best Sellers" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="223,98,103" order_by="ordered_qty" order_dir="ASC" limitation="6"}}</div>
<div class="static-image-6 lazyload-container">
<div class="static-image-content">
<div class="static-image"><a title="Static Image" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/banner3-2.jpg"}}" alt="Static Image" /></a></div>
<div class="static-image"><a class="first-image" title="Static Image" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/banner3-3.jpg"}}" alt="Static Image" /></a> <a title="Static Image" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/banner3-4.jpg"}}" alt="Static Image" /></a></div>
<div class="static-image"><a title="Static Image" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/banner/banner3-5.jpg"}}" alt="Static Image" /></a></div>
</div>
</div>
<div class="list-product-home list-product-home-custom">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="New Arrivals" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="97,98,103" order_by="created_at" order_dir="ASC" limitation="6"}}</div>
<div class="home-collection">
<div class="collections-wrap">
<div class="title-home-page"><span>Collections</span></div>
<div class="collections">
<div class="owl-carousel">
<div class="item"><a title="FURNITURE" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-1.png"}}" alt="Collection Image" /> <span>FURNITURE</span> </a></div>
<div class="item"><a title="GIFT IDEA" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-2.png"}}" alt="Collection Image" /> <span>GIFT IDEA</span> </a></div>
<div class="item"><a title="COOL GADGETS" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-3.png"}}" alt="Collection Image" /> <span>COOL GADGETS</span> </a></div>
<div class="item"><a title="OUTDOOR" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-4.png"}}" alt="Collection Image" /> <span>OUTDOOR</span> </a></div>
<div class="item"><a title="Jewelry" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-5.png"}}" alt="Collection Image" /> <span>Jewelry</span> </a></div>
<div class="item"><a title="Men's Fashion" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-6.png"}}" alt="Collection Image" /> <span>Men's Fashion</span> </a></div>
<div class="item"><a title="FURNITURE" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/collection/item-1.png"}}" alt="Collection Image" /> <span>FURNITURE</span> </a></div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		jQuery(".home-collection .owl-carousel").owlCarousel({
			responsive:{
				0:{
					items:2
				},
				480:{
					items:3
				},
				768:{
					items:4
				},
				992:{
					items:4
				},
				1200:{
					items:5
				}
			},

			autoplay:false,
			loop:false,
			nav : true,
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:0,
		});	  
	});	
		
</script>
</div>
</div>