<div class="sidebar-filterproducts custom-block" style="padding-bottom: 20px;"> <h2 class="sidebar-title">Featured</h2> <div id="featured_product" class="owl-top-narrow"> </div> <script type="text/javascript"> require([ 'jquery', 'owl.carousel/owl.carousel.min' ], function ($) { $("#featured_product .owl-carousel").owlCarousel({ loop: false, items: 1, nav: true, navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"], dots: false }); }); </script> </div> <!-- <h2 style="font-weight:600;font-size:16px;color:#000;line-height:1;margin-bottom:15px;">Custom HTML Block</h2> <h5 style="font-family:Arial;font-weight:400;font-size:11px;color:#878787;line-height:1;margin-bottom:13px;">This is a custom sub-title.</h5> <p style="font-weight:400;font-size:14px;color:#666;line-height:1.42;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus </p> <div class="space" style="margin-bottom: 45px;"></div> -->