Replace below code with templates/components/products/carousel.html <section class="productCarousel" data-list-name="{{list}}"> {{#each products}} <div class="productCarousel-slide"> {{> components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}} </div> {{/each}} </section> <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <!– Add the slick-theme.css if you want default styling –> <script type="text/javascript"> $(‘.productCarousel’).slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll:…
