<div class="tab-custom-3">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default_v2.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="product-featured clearfix">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-list-index6.phtml" title_module="Featured Product" display_countdown="0" product_source="featured_products" select_category="97,98,102" product_limitation="6"}}</div>
<div class="latest-post-wrapper">{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest Blog" number_of_posts="5" custom_template="Magefan_Blog::widget/recent-id6.phtml"}}</div>
<div class="brand-wrapper">
<div class="slider-brand-container">
<div class="title-home-page">Featured Brands</div>
<div class="slider-content">
<div class="owl-carousel slider-brand">
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-5.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
</div>
</div>
<script type="text/javascript">
			require([
				'jquery',
				'owlcarousel'
			], function ($) {
				var brands_slider = $(".slider-brand");
				brands_slider.owlCarousel({
							nav: true,
							dots:false,
							margin: 30,
							
							responsive: {
								0: {
									items:2
								},
								480: {
									items:3
								},
								768: {
									items:4
								},
								991: {
									items:5
								},						
								1200: {
									items:6
								}
							}
				});	  
			});	
					
		
</script>
</div>
</div>