vendor/sylius/sylius/src/Sylius/Bundle/ShopBundle/Resources/views/Product/Show/_images.html.twig line 1

  1. {% if product.imagesByType('main') is not empty %}
  2.     {% set source_path = product.imagesByType('main').first.path %}
  3.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  4.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  5. {% elseif product.images.first %}
  6.     {% set source_path = product.images.first.path %}
  7.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  8.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  9. {% else %}
  10.     {% if use_webpack %}
  11.         {% set original_path = asset('build/shop/images/400x300.png', 'shop') %}
  12.     {% else %}
  13.         {% set original_path = asset('assets/shop/img/400x300.png') %}
  14.     {% endif %}
  15.     {% set path = original_path %}
  16. {% endif %}
  18. <div data-product-image="{{ path }}" data-product-link="{{ original_path }}"></div>
  19. <a href="{{ original_path }}" class="ui fluid image" data-lightbox="sylius-product-image">
  20.     <img src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  21. </a>
  22. {% if product.images|length > 1 %}
  23. <div class="ui divider"></div>
  25. {{ sylius_template_event('sylius.shop.product.show.before_thumbnails', {'product': product}) }}
  27. <div class="ui small images">
  28.     {% for image in product.images %}
  29.     {% if use_webpack %}
  30.         {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_small_thumbnail') : asset('build/shop/images/200x200.png') %}
  31.     {% else %}
  32.         {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_small_thumbnail') : asset('assets/shop/img/200x200.png') %}
  33.     {% endif %}
  34.     <div class="ui image">
  35.     {% if product.isConfigurable() and product.enabledVariants|length > 0 %}
  36.         {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  37.     {% endif %}
  38.         <a href="{{ image.path|imagine_filter('sylius_shop_product_original') }}" data-lightbox="sylius-product-image">
  39.             <img src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}" alt="{{ product.name }}" />
  40.         </a>
  41.     </div>
  42.     {% endfor %}
  43. </div>
  44. {% endif %}