Updated Source & Supplier's Templates and moved them to sandbox.

Custom_Templates/customer_templates/Walmart Supplier Prod/_merchandising-carousel.html.liquid

@@ -0,0 +1,50 @@
+<div class="carousel-wrapper">
+    <div class="carousel-heading">Merchandising</div>
+    <div class="merchandising-carousel">
+        {% for course in courses.in_catalog %}
+            {% for category in course.categories %}
+                {% if category.name == 'Merchandising' %}
+                    <div class="carousel-cards-container">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.merchandising-carousel {
+  margin-top: 25px;
+}
+</style>
+
+<script>
+$(document).ready(function(){
+
+    $(".merchandising-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });  
+});
+</script>