test

snippets/shx-featured-collection.liquid

@@ -15,9 +15,8 @@
   assign enable_quick_add = false
 -%}
 
-
 <script>
-console.log("2")
+console.log("3")
 </script>
 
 {%- for collection in collections -%}
@@ -29,5 +28,44 @@ console.log("2")
     console.log("Filtered products: ", {{ filtered_products | json }});
   </script>
 
- 
+  {%- if filtered_products.size > 0 -%}
+    <div class="color-scheme isolate gradient">
+      <div class="collection section-padding{% if full_width %} collection--full-width{% endif %}">
+        <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width">
+          <h2 class="title inline-richtext h1">
+            {{ collection.title }}
+          </h2>
+        </div>
+
+        <slider-component class="slider-mobile-gutter page-width-desktop">
+          <ul
+            id="Slider-{{ collection.id }}"
+            class="grid product-grid contains-card contains-card--product grid--{{ columns_desktop }}-col-desktop grid--2-col-tablet-down"
+            role="list"
+            aria-label="{{ 'general.slider.name' | t }}"
+          >
+            {%- for product in filtered_products -%}
+              <li
+                id="Slide-{{ collection.id }}-{{ forloop.index }}"
+                class="grid__item scroll-trigger animate--slide-in"
+                data-cascade
+                style="--animation-order: {{ forloop.index }};"
+              >
+                {% render 'card-product',
+                  card_product: product,
+                  media_aspect_ratio: image_ratio,
+                  image_shape: image_shape,
+                  show_secondary_image: show_secondary_image,
+                  show_vendor: show_vendor,
+                  show_rating: show_rating,
+                  show_quick_add: enable_quick_add,
+                  section_id: collection.id
+                %}
+              </li>
+            {%- endfor -%}
+          </ul>
+        </slider-component>
+      </div>
+    </div>
+  {%- endif -%}
 {%- endfor -%}