custom/plugins/MaxiaListingVariants6/src/Resources/views/storefront/plugins/maxia_listing_variants/variant-image.html.twig line 1

Open in your IDE?
  1. {# Used for mouseover image preview #}
  2. {% block plugins_maxia_listing_variants_variant_image %}
  3.     {# fallback if display mode is not set #}
  4.     {% set displayMode = displayMode ?: 'standard' %}
  6.     {# set display mode 'cover' for box-image with standard display mode #}
  7.     {% if layout == 'image' and displayMode == 'standard' %}
  8.         {% set displayMode = 'cover' %}
  9.     {% endif %}
  11.     {% set attributes = {
  12.         'class': 'product-image is-'~displayMode,
  13.         'alt': (media.translated.alt ?: name),
  14.         'title': (media.translated.title ?: name)
  15.     } %}
  17.     {% if displayMode == 'cover' or displayMode == 'contain' %}
  18.         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  19.     {% endif %}
  21.     {% sw_thumbnails 'product-image-thumbnails' with {
  22.         media: media,
  23.         sizes: {
  24.             'xs': '501px',
  25.             'sm': '315px',
  26.             'md': '427px',
  27.             'lg': '333px',
  28.             'xl': '284px'
  29.         }
  30.     } %}
  31. {% endblock %}