product-main

Shopify · Oct 3, 2024 · 268dc36 · 268dc36
1 parent 473bbe9
commit 268dc36
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/sections/collection-main.liquid b/sections/collection-main.liquid
@@ -5,8 +5,9 @@
     <div class="grid" style="--columns: 4; --gap: 30px;">
       {%- for product in collection.products -%}
         <div class="flex col product-grid-item">
+          {%- assign first_variant = product.first_available_variant -%}
           <h5>{{ product.title }}</h5>
-          <a href="{{product.url}}" class="flex col">
+          <a href="{{ first_variant.url | within: collection }}" class="flex col">
             {%- render 'image-element', image: product.featured_image, aspect_ratio: 1, fit: 'cover', sizes: '25vw' -%}
           </a>
           <div class="flex row wrap">