<div class="container">
<div class="featured-product" style="border-bottom: 1px #dddddd solid;">
<div class="row">
<div class="col-md-12">
<h1 class="filterproduct-title"><span class="content"><strong>New Products</strong></span></h1>
<div id="new_product" class="owl-side-narrow" style="margin: 0 -10px;">{{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" product_type="9" aspect_ratio="1" image_width="300" image_height="345" template="owl_list.phtml"}}</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#new_product .owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
rtl:true,
loop: true,
navRewind: true,
margin: 0,
nav: true,
navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
dots: false,
responsive: {
0: {
items:2
},
768: {
items:3
},
992: {
items:4
},
1200: {
items:4
}
}
});
});
</script>
</div>
</div>
</div>
<div class="our-brands" style="border-bottom: 1px #dddddd solid; margin-bottom: 40px;">
<h2 class="filterproduct-title"><span class="content"><strong>Popular Brands</strong></span> | <a class="view-all" href="{{store url="brands"}}">All Brands</a></h2>
<div class="owl-side-narrow owl-theme" style="margin: 0 -13px;">
{{widget type="Codazon\Shopbybrandpro\Block\Widget\BrandSlider" list_style="widget/brand_slider.phtml" collection="featured_brands" alphabet_table="a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z" order_by="brand_label" order_way="asc" thumb_width="200" thumb_height="200" slider_dots="0" slider_nav="1" slider_loop="1" slider_autoplay="0" slider_autoplay_timeout="5000" slider_margin="20" items_1900="8" items_1600="6" items_1420="6" items_1280="6" items_980="4" items_768="3" items_480="3" items_320="2" items_0="2"}}</div>
</div>
<div class="featured-product">
<div class="row">
<div class="col-md-12">
<h2 class="filterproduct-title"><span class="content"><strong>Best sellers </strong></span></h2>
<div id="featured_product" class="owl-side-narrow" style="margin: 0 -10px;">{{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="hot_product" product_count="10" product_type="9" aspect_ratio="1" image_width="300" image_height="345" template="owl_list.phtml"}}</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#featured_product .owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: true,
navRewind: true,
margin: 0,
nav: true,
navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
dots: false,
rtl:true,
responsive: {
0: {
items:2
},
768: {
items:3
},
992: {
items:4
},
1200: {
items:4
}
}
});
});
</script>
</div>
</div>
</div>
</div>
<div class="porto-inner-container">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="item home-blog" style="padding: 15px 0;">
{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest Articles" no_repeat_posts_enable="1" number_of_posts="4" category_id="27" show_in_front="title,short_content,publish_time" thumb_width="150" thumb_height="150" show_slider="1"}}
</div>
</div>
<div class="col-md-4">
<div class="item home-pagelower-banner" style="padding: 15px 0;"><!--img src="{{media url=wysiwyg/vitressa/Home/banner_1X.png}}" alt="" /--> <img src="{{media url=wysiwyg/imgpsh_fullsize_anim_1.jpg}}" alt="">
<div class="home-page-lower-banner-content">Christina Entire Collection <strong>10% off</strong></div>
</div>
</div>
</div>
<div> </div>
</div>
</div>
<style>
.column.main {
min-height: auto;
padding:0;
}
.page-main {
padding-top:0;
padding-bottom: 0;
}
.columns .column.main {
padding-bottom:0;
}
</style>
<div class="porto-inner-container">
<div class="container"> </div>
</div>