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

test

pull/1/head
Jan Umbach 2024-05-27 23:09:26 +02:00
parent ef4e681000
commit 0cda542cd3
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,25 +67,26 @@
role="list"> role="list">
{%- if product.selected_or_first_available_variant.featured_media != null -%} {%- if product.selected_or_first_available_variant.featured_media != null -%}
{%- assign featured_media = product.selected_or_first_available_variant.featured_media -%} {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
<!-- <li id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}" <li
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 %}" id="Slide-{{ section.id }}-{{ featured_media.id }}{{ id_append }}"
data-media-id="{{ section.id }}-{{ featured_media.id }}"> 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 %}"
{%- assign media_position = 1 -%} data-media-id="{{ section.id }}-{{ featured_media.id }}">
{% render 'product-thumbnail' {%- assign media_position = 1 -%}
, media: featured_media {% render 'product-thumbnail'
, media_count: media_count , media: featured_media
, position: media_position , media_count: media_count
, desktop_layout: section.settings.gallery_layout , position: media_position
, mobile_layout: section.settings.mobile_thumbnails , desktop_layout: section.settings.gallery_layout
, loop: section.settings.enable_video_looping , mobile_layout: section.settings.mobile_thumbnails
, modal_id: section.id , loop: section.settings.enable_video_looping
, xr_button: true , modal_id: section.id
, media_width: media_width , xr_button: true
, media_fit: section.settings.media_fit , media_width: media_width
, constrain_to_viewport: section.settings.constrain_to_viewport , media_fit: section.settings.media_fit
, lazy_load: false , constrain_to_viewport: section.settings.constrain_to_viewport
%} , lazy_load: false
</li> --> %}
</li>
{%- endif -%} {%- endif -%}
{%- 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 -%}
@ -194,24 +195,25 @@
endcapture endcapture
assign media_index = media_index | plus: 1 assign media_index = media_index | plus: 1
-%} -%}
<!-- <li id="Slide-Thumbnails-{{ section.id }}-0{{ id_append }}" <li
class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains featured_media.src %} thumbnail-list_item--variant{% endif %}" id="Slide-Thumbnails-{{ section.id }}-0{{ id_append }}"
data-target="{{ section.id }}-{{ featured_media.id }}" class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains featured_media.src %} thumbnail-list_item--variant{% endif %}"
data-media-position="{{ media_index }}"> data-target="{{ section.id }}-{{ featured_media.id }}"
{%- capture thumbnail_id -%} data-media-position="{{ media_index }}">
Thumbnail-{{ section.id }}-0{{ id_append }} {%- capture thumbnail_id -%}
{%- endcapture -%} Thumbnail-{{ section.id }}-0{{ id_append }}
<button {%- endcapture -%}
class="thumbnail global-media-settings global-media-settings--no-shadow" <button
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 -%}" class="thumbnail global-media-settings global-media-settings--no-shadow"
aria-current="true" 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-controls="GalleryViewer-{{ section.id }}{{ id_append }}" aria-current="true"
aria-describedby="{{ thumbnail_id }}"> 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 {{
}} 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> --> </button>
</li>
{%- endif -%} {%- endif -%}
{%- 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 -%}