Prevent media background on deferred-media container (Shopify#2068)

chavdar-ang · Nov 20, 2022 · d2fbfa7 · d2fbfa7
1 parent f736fcc
commit d2fbfa7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/snippets/product-thumbnail.liquid b/snippets/product-thumbnail.liquid
@@ -113,7 +113,7 @@
     {%- if media.media_type == 'model' -%}
       <product-model class="deferred-media media media--transparent no-js-hidden" style="--ratio-percent: 100%;" data-media-id="{{ media.id }}">
     {%- else -%}
-      <deferred-media class="deferred-media media no-js-hidden" style="--ratio-percent: {{ media_ratio }}%;" data-media-id="{{ media.id }}">
+      <deferred-media class="deferred-media media media--transparent no-js-hidden" style="--ratio-percent: {{ media_ratio }}%;" data-media-id="{{ media.id }}">
     {%- endif -%}
     <button id="Deferred-Poster-Modal-{{ media.id }}" class="deferred-media__poster" type="button">
       <span class="deferred-media__poster-button motion-reduce">