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:42:01 +02:00
parent 529a62bccd
commit 373899d5ce
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,12 +67,17 @@
role="list"> role="list">
{% assign media_position = 0 %} {% assign media_position = 0 %}
{% assign model_index = 0 %}
{% assign video_index = 0 %}
{% assign image_index = 0 %}
{% assign first_video = product.media | where: 'media_type', 'video' | first %}
{%- for media in product.media -%} {%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%} {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
<li <li
id="Slide-{{ section.id }}-{{ media.id }}{{ id_append }}" id="Slide-{{ section.id }}-{{ media.id }}{{ id_append }}"
class="product__media-item grid__item slider__slide{% if single_media_visible %} product__media-item--single{% endif %}{% if product.selected_or_first_available_variant.featured_media == null and forloop.index == 1 %} is-active{% endif %}{% if media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}" class="product__media-item grid__item slider__slide{% if single_media_visible %} product__media-item--single{% endif %}{% if media_position == 0 and forloop.index == 1 %} is-active{% endif %}{% if media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains media.src %} product__media-item--variant{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}"
data-media-id="{{ section.id }}-{{ media.id }}" data-media-id="{{ section.id }}-{{ media.id }}"
{% if product.selected_or_first_available_variant.featured_image.alt != media.alt and product.selected_or_first_available_variant.featured_image.alt != blank %} {% if product.selected_or_first_available_variant.featured_image.alt != media.alt and product.selected_or_first_available_variant.featured_image.alt != blank %}
style="display: none;" style="display: none;"
@ -106,10 +111,16 @@
{%- assign featured_media = product.selected_or_first_available_variant.featured_media -%} {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
<li <li
id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}" 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 %}" class="product__media-item grid__item slider__slide{% if media_position == 0 %} is-active{% endif %}{% 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 }}" data-media-id="{{ section.id }}-{{ featured_media.id }}"
thumbnail-alt-mobile={{ featured_media.alt }}> thumbnail-alt-mobile={{ featured_media.alt }}>
{%- assign media_position = 1 -%} {%- liquid
assign media_position = media_position | default: 0 | plus: 1
assign lazy_load = false
if media_position > 1
assign lazy_load = true
endif
-%}
{% render 'product-thumbnail' {% render 'product-thumbnail'
, media: featured_media , media: featured_media
, media_count: media_count , media_count: media_count
@ -122,7 +133,7 @@
, media_width: media_width , media_width: media_width
, media_fit: section.settings.media_fit , media_fit: section.settings.media_fit
, constrain_to_viewport: section.settings.constrain_to_viewport , constrain_to_viewport: section.settings.constrain_to_viewport
, lazy_load: false , lazy_load: true
%} %}
</li> </li>
{%- endif -%} {%- endif -%}