themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Product/_mainImage.html.twig line 1

Open in your IDE?
  1. {% if product.imagesByType('main') is not empty %}
  2.     {% set path = product.imagesByType('main').first.path|imagine_filter(filter|default('sylius_shop_product_small_thumbnail')) %}
  3.     {% set alt = product.imagesByType('main').first.alt %}
  4.     {% if app_file_exists((path ~ ".webp")|replace({"resolve/": ""})) %}
  5.     <picture>
  6.         <source srcset="{{ (path ~ ".webp")|replace({'resolve/':''}) }}" {% if class is defined %}class="{{ class }}"{% endif %} {{ sylius_test_html_attribute('main-image') }} />
  7.         <img src="{{ (path) }}" alt="{{ alt }}" {% if class is defined %}class="{{ class }}"{% endif %} {{ sylius_test_html_attribute('main-image') }} />
  8.         </picture>
  9.     {% else %}
  10.         <img src="{{ (path) }}" alt="{{ alt }}"class="w-100"{{ sylius_test_html_attribute('main-image') }} />
  11.     {% endif %}
  13. {% elseif product.images.first %}
  14.     {% set path = product.images.first.path|imagine_filter(filter|default('sylius_shop_product_small_thumbnail')) %}
  15.     {% set alt = product.images.first.alt %}
  16.     {% if app_file_exists((path ~ ".webp")|replace({"resolve/": ""})) %}
  17.         <picture>
  18.             <source srcset="{{ (path ~ ".webp")|replace({'resolve/':''}) }}" {% if class is defined %}class="{{ class }}"{% endif %} {{ sylius_test_html_attribute('main-image') }} />
  19.             <img src="{{ (path) }}" alt="{{ alt }}" {% if class is defined %}class="{{ class }}"{% endif %} {{ sylius_test_html_attribute('main-image') }} />
  20.         </picture>
  21.     {% else %}
  22.         <img src="{{ (path) }}" alt="{{ alt }}"class="w-100"{{ sylius_test_html_attribute('main-image') }} />
  23.     {% endif %}
  25. {% else %}
  26.    
  27.     {% set alt = product.name %}
  28. {% endif %}
  30. {% if alt == "" or alt is null %}
  31.     {% set alt = product.name %}
  32. {% endif %}