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 -%}
-
+
+ {%- 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
+ %}
+
{%- 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
-%}
-
+
+ {%- capture thumbnail_id -%}
+ Thumbnail-{{ section.id }}-0{{ id_append }}
+ {%- endcapture -%}
+
+
{%- endif -%}
{%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}