Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test

pull/1/head
Jan Umbach 2024-05-29 17:05:18 +02:00
parent 489dc5a7ed
commit ae8f146514
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
snippets/product-media-gallery.liquid
View File

@ -65,29 +65,7 @@
id="Slider-Gallery-{{ section.id }}{{ id_append }}"
class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
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>
{%- endif -%}
{%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
<li
@ -122,6 +100,30 @@
</li>
{%- endunless -%}
{%- endfor -%}
{%- 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 }}"
thumbnail-alt-mobile={{ featured_media.alt }}>
{%- 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 -%}
</ul>
{%- unless is_duplicate -%}
<div class="slider-buttons no-js-hidden quick-add-hidden{% if hide_mobile_slider %} small-hide{% endif %}">