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

Open in your IDE?
  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 zoom_path = source_path|imagine_filter('app_shop_product_show_zoom') %}
  5.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  6. {% elseif product.images.first %}
  7.     {% set source_path = product.images.first.path %}
  8.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  9.      {% set zoom_path = source_path|imagine_filter('app_shop_product_show_zoom') %}
  10.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  11. {% else %}
  12.     {% set original_path = '//placehold.it/400x300' %}
  13.      {% set zoom_path = '//placehold.it/500x500' %}
  14.     {% set path = original_path %}
  15. {% endif %}
  17. <div data-product-image="{{ path }}" data-product-link="{{ original_path }}" class="big-img ">
  18. <a href="{{ zoom_path}}" class="zoomable" id="bigLink"> 
  19.     <img  id="big" class="img-fluid  w-100" src="{{ zoom_path}}" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }}/>
  20. </a>
  21. {% if product.callouts is not null %}
  22.     {% include "@SetonoSyliusCalloutPlugin/Shop/Product/Callout/_callouts.html.twig" with {'callouts' : product.callouts|setono_callouts} %}
  23. {% endif %} 
  24. </div>
  25. {% if product.images|length > 1 %} 
  27. {{ sylius_template_event('sylius.shop.product.show.before_thumbnails', {'product': product}) }}
  28. <div class="supp-img ">
  29.     <div class="row mt-3">
  30.         {% for image in product.images %}
  31.         {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_small_thumbnail') : '//placehold.it/200x200' %}
  32.         <div class="col-4" data-js-product-thumbnail>
  33.         {% if product.isConfigurable() and product.variants|length > 0 %}
  34.             {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  35.         {% endif %}
  36.             <a href="javascript:void(0);" class=""   onclick="changeImg('{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}','{{ image.path|imagine_filter('app_shop_product_show_zoom') }} ');" >
  37.                 <img class="img-fluid w-100" src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}" alt="{{ product.name }}" />
  38.             </a>
  39.         </div>
  40.         {% endfor %}  
  41.     </div>
  42. </div>
  43. {% endif %}