templates/bundles/SyliusShopBundle/Product/Show/_images.html.twig line 1

Open in your IDE?
  1. {% if product.images is not empty %}
  2. {% if product.imagesByType('main') is not empty %}
  3.     {% set source_path = product.imagesByType('main').first.path %}
  4.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  5.     {% if is_mobile() %}
  6.         {% set path = source_path|imagine_filter('hyfindr_product_mobile_thumbnail') %}
  7.     {% else %}
  8.         {% set path = source_path|imagine_filter(filter|default('hyfindr_product_large_thumbnail')) %}
  9.     {% endif %}
  10. {% elseif product.images.first %}
  11.     {% set source_path = product.images.first.path %}
  12.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  13.     {% if is_mobile() %}
  14.         {% set path = source_path|imagine_filter('hyfindr_product_mobile_thumbnail') %}
  15.     {% else %}
  16.         {% set path = source_path|imagine_filter(filter|default('hyfindr_product_large_thumbnail')) %}
  17.     {% endif %}
  18. {% endif %}
  20. {% if is_mobile() %}
  21.     <div class="pdp-slider-container">
  22.         <div class="swiper-wrapper-pdp">
  23.             {% for image in product.images %}
  24.                 <div>
  25.                     <a href="{{ image.path|imagine_filter('sylius_shop_product_original') }}" data-lightbox="sylius-product-image">
  26.                         <img src="{{ image.path|imagine_filter('hyfindr_product_mobile_thumbnail') }}" alt="{{ product.name }}">
  27.                     </a>
  28.                 </div>
  29.             {% endfor %}
  30.         </div>
  31.     </div>
  32. {% else %}
  33.     <div class="product-images">
  34.         {# <div data-product-image="{{ path }}" data-product-link="{{ original_path }}"></div> #}
  35.         <a href="{{ original_path }}" data-lightbox="sylius-product-image" id="main-image-container">
  36.             <img src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  37.         </a>
  38.         {% if product.images|length > 1 %}
  39.             {{ sylius_template_event('sylius.shop.product.show.before_thumbnails', {'product': product}) }}
  40.             <div class="image-thumbnails">
  41.                 {% for image in product.images %}
  42.                     {% if image.path is not null %}
  43.                         {% set path = image.path|imagine_filter('sylius_shop_product_small_thumbnail') %}
  44.                         <div class="ui image">
  45.                             {% if product.isConfigurable() and product.enabledVariants|length > 0 %}
  46.                                 {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  47.                             {% endif %}
  48.                             <a href="{{ image.path|imagine_filter('sylius_shop_product_original') }}" data-lightbox="sylius-product-image">
  49.                                 <img src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}" alt="{{ product.name }}" class="{{ loop.index > 1 ? 'product-image-inactive' : '' }}"/>
  50.                             </a>
  51.                         </div>
  52.                     {% endif %}
  53.                 {% endfor %}
  54.             </div>
  55.         {% endif %}
  56.     </div>
  57. {% endif %}
  58. {% endif %}