From 0cda542cd32c11adf60dd8803e64ef1cce1277ea Mon Sep 17 00:00:00 2001
From: Jan Umbach <jan@umbach.dev>
Date: Mon, 27 May 2024 23:09:26 +0200
Subject: [PATCH] test

---
 snippets/product-media-gallery.liquid | 76 ++++++++++++++-------------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/snippets/product-media-gallery.liquid b/snippets/product-media-gallery.liquid
index 89a424d..1d4bcda 100644
--- a/snippets/product-media-gallery.liquid
+++ b/snippets/product-media-gallery.liquid
@@ -67,25 +67,26 @@
       role="list">
       {%- if product.selected_or_first_available_variant.featured_media != null -%}
         {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
-        <!-- <li  id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}"
-        class="product__media-item grid__item slider__slide is-active{% if single_media_visible %} product__media-item--single{% endif %}{% if featured_media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains featured_media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
-        data-media-id="{{ section.id }}-{{ featured_media.id }}">
-        {%- assign media_position = 1 -%}
-        {% render 'product-thumbnail'
-          , media: featured_media
-          , media_count: media_count
-          , position: media_position
-          , desktop_layout: section.settings.gallery_layout
-          , mobile_layout: section.settings.mobile_thumbnails
-          , loop: section.settings.enable_video_looping
-          , modal_id: section.id
-          , xr_button: true
-          , media_width: media_width
-          , media_fit: section.settings.media_fit
-          , constrain_to_viewport: section.settings.constrain_to_viewport
-          , lazy_load: false
-        %}
-      </li> -->
+        <li
+          id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}"
+          class="product__media-item grid__item slider__slide is-active{% if single_media_visible %} product__media-item--single{% endif %}{% if featured_media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains featured_media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
+          data-media-id="{{ section.id }}-{{ featured_media.id }}">
+          {%- assign media_position = 1 -%}
+          {% render 'product-thumbnail'
+            , media: featured_media
+            , media_count: media_count
+            , position: media_position
+            , desktop_layout: section.settings.gallery_layout
+            , mobile_layout: section.settings.mobile_thumbnails
+            , loop: section.settings.enable_video_looping
+            , modal_id: section.id
+            , xr_button: true
+            , media_width: media_width
+            , media_fit: section.settings.media_fit
+            , constrain_to_viewport: section.settings.constrain_to_viewport
+            , lazy_load: false
+          %}
+        </li>
       {%- endif -%}
       {%- for media in product.media -%}
         {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
@@ -194,24 +195,25 @@
             endcapture
             assign media_index = media_index | plus: 1
           -%}
-          <!-- <li  id="Slide-Thumbnails-{{ section.id }}-0{{ id_append }}"
-          class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains featured_media.src %} thumbnail-list_item--variant{% endif %}"
-          data-target="{{ section.id }}-{{ featured_media.id }}"
-          data-media-position="{{ media_index }}">
-          {%- capture thumbnail_id -%}
-            Thumbnail-{{ section.id }}-0{{ id_append }}
-          {%- endcapture -%}
-          <button
-            class="thumbnail global-media-settings global-media-settings--no-shadow"
-            aria-label="{%- if featured_media.media_type == 'image' -%}{{ 'products.product.media.load_image' | t: index: media_index }}{%- elsif featured_media.media_type == 'model' -%}{{ 'products.product.media.load_model' | t: index: media_index }}{%- elsif featured_media.media_type == 'video' or featured_media.media_type == 'external_video' -%}{{ 'products.product.media.load_video' | t: index: media_index }}{%- endif -%}"
-            aria-current="true"
-            aria-controls="GalleryViewer-{{ section.id }}{{ id_append }}"
-            aria-describedby="{{ thumbnail_id }}">
-            {{
-              featured_media.preview_image | image_url: width: 416 | image_tag: loading: 'lazy', sizes: sizes, widths: '54, 74, 104, 162, 208, 324, 416', id: thumbnail_id, alt: featured_media.alt | escape
-            }}
-          </button>
-        </li> -->
+          <li
+            id="Slide-Thumbnails-{{ section.id }}-0{{ id_append }}"
+            class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains featured_media.src %} thumbnail-list_item--variant{% endif %}"
+            data-target="{{ section.id }}-{{ featured_media.id }}"
+            data-media-position="{{ media_index }}">
+            {%- capture thumbnail_id -%}
+              Thumbnail-{{ section.id }}-0{{ id_append }}
+            {%- endcapture -%}
+            <button
+              class="thumbnail global-media-settings global-media-settings--no-shadow"
+              aria-label="{%- if featured_media.media_type == 'image' -%}{{ 'products.product.media.load_image' | t: index: media_index }}{%- elsif featured_media.media_type == 'model' -%}{{ 'products.product.media.load_model' | t: index: media_index }}{%- elsif featured_media.media_type == 'video' or featured_media.media_type == 'external_video' -%}{{ 'products.product.media.load_video' | t: index: media_index }}{%- endif -%}"
+              aria-current="true"
+              aria-controls="GalleryViewer-{{ section.id }}{{ id_append }}"
+              aria-describedby="{{ thumbnail_id }}">
+              {{
+                featured_media.preview_image | image_url: width: 416 | image_tag: loading: 'lazy', sizes: sizes, widths: '54, 74, 104, 162, 208, 324, 416', id: thumbnail_id, alt: featured_media.alt | escape
+              }}
+            </button>
+          </li>
         {%- endif -%}
         {%- for media in product.media -%}
           {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}