custom/plugins/zenitPlatformStratus/src/Resources/views/storefront/component/product/card/zen-cover-switch.html.twig line 1

Open in your IDE?
  1. {% block zen_component_product_box_image_switch_inner %}
  3.     {# if there are more than one image #}
  4.     {% if product.media.elements is defined and product.media.elements|length > 1 and theme_config('zen-product-listing-card-img-switch') is not same as ('none') %}
  6.         {% set productMediaLength = product.media.elements|length %}
  7.         {% set productMediaPosition = productMediaLength %}
  8.         {% set coverSwitch = [] %}
  10.         {# increase productMediaPosition if image.position is > product.media.elements #}
  11.         {% for image in product.media.elements %}
  12.             {% if product.cover.media.id != image.media.id and image.position > productMediaLength %}
  13.                 {% set productMediaLength = image.position %}
  14.                 {% set productMediaPosition = image.position + 1 %}
  15.             {% endif %}
  16.         {% endfor %}
  18.         {# get image with lowest position #}
  19.         {% for image in product.media.elements %}
  20.             {% if product.cover.media.id != image.media.id and image.position < productMediaPosition %}
  21.                 {% set coverSwitch = image.media %}
  22.                 {% set productMediaPosition = image.position %}
  23.             {% endif %}
  24.         {% endfor %}
  25.     {% endif %}
  27.     {% if coverSwitch.url %}
  29.         {% set animationOptions = {
  30.             parentTrigger: '.product-image-wrapper',
  31.         } %}
  33.         {% set attributes = {
  34.             'class': 'cover-switch product-image is-'~displayMode,
  35.             'data-zen-cover-switch': 'true',
  36.             'data-zen-animation-options': animationOptions|json_encode,
  37.             'alt': (coverSwitch.translated.alt ?: name),
  38.             'title': (coverSwitch.translated.title ?: name)
  39.         } %}
  41.         {# ... enables lazy loading for images #}
  42.         {% if config('zenitPlatformStratus.config.lazyloading') %}
  43.             {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  44.         {% endif %}
  46.         {% if displayMode == 'cover' or displayMode == 'contain' %}
  47.             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  48.         {% endif %}
  50.         {% sw_thumbnails 'product-image-thumbnails' with {
  51.             media: coverSwitch,
  52.             sizes: sizes
  53.         } %}
  54.     {% endif %}
  55. {% endblock %}