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 firstImage = app_get_first_product_image_by_position(product.imagesByType('main')) %}
  3.     {% set source_path =firstImage.path %}
  4.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  5.     {% set zoom_path = source_path|imagine_filter('app_shop_product_show_zoom') %}
  6.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  7. {% elseif product.imagesWithoutOneType.first %}
  8.     {% set firstImage = app_get_first_product_image_by_position(product.imagesWithoutOneType) %}
  9.     {% set source_path = firstImage.path %}
  10.     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  11.     {% set zoom_path = source_path|imagine_filter('app_shop_product_show_zoom') %}
  12.     {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
  13. {% else %}
  14.     {% set firstImage = null %}
  15.     {% set original_path = asset('images/spacer.png') %}
  16.     {% set zoom_path = asset('images/spacer.png') %}
  17.     {% set path = original_path %}
  18. {% endif %}
  20. <div class="" id="js-no-configurator">
  21.     <div data-product-image="{{ path }}" data-product-link="{{ original_path }}" class="big-img {% if product.imagesWithoutOneType|length > 1 %}{% else %}hasno-supp w-100{% endif %}">
  22.         <div class="art-img-content swiper-container">
  23.             <div class="little-imag-art swiper-wrapper">
  24.                 <div class="img-bit-article   swiper-slide">
  25.                     <a href="{{ zoom_path}}" class="" id="" data-toggle="lightbox" data-gallery="myGallery">
  26.                         <img src="{{asset('images/spacer.gif')}}" class="img-spacer" alt="{{ product.name }}">
  27.                         <img data-test="1" id="big" class="w-100" src="{{ zoom_path}}" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }}/>
  28.                     </a>
  29.                     {% if product.callouts is not null and product.callouts|length > 0 %}
  30.                         {% include "@SetonoSyliusCalloutPlugin/Shop/Product/Callout/_callouts.html.twig" with {'callouts' : product.callouts|setono_callouts} %}
  31.                     {% endif %}
  32.                 </div>
  33.                 {% if product.imagesWithoutOneType|length > 1 %}
  34.                     {% set myVal = 0 %}
  35.                     {% set productImagesOrdered = app_get_product_images_ordered_by_position(product.imagesWithoutOneType) %}
  36.                     {% for image in productImagesOrdered %}
  37.                         {% set myVal = myVal + 1 %}
  38.                         {% if myVal > 1 %}
  39.                             {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_small_thumbnail_inset') : asset('images/spacer.png') %}
  40.                             <div class="img-bit-article   swiper-slide" data-js-product-thumbnail>
  41.                                 {% if product.isConfigurable() and product.variants|length > 0 %}
  42.                                     {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  43.                                 {% endif %}
  44.                                 <a href="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail_inset') }}" class=""   data-toggle="lightbox" data-gallery="myGallery">
  45.                                     <img src="{{asset('images/spacer.gif')}}" class="img-spacer" alt="{{ product.name }}">
  46.                                     <img class="w-100" src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}" alt="{{ product.name }}" />
  47.                                 </a>
  48.                             </div>
  49.                         {% endif %}
  50.                     {% endfor %}
  51.                 {% endif %}
  52.             </div>
  54.             <div class="text-center content-pagination pt-2">
  55.                 <div class="select-container position-relative">
  56.                     <div class="artimg-prev btn2-slide-prev"></div>
  57.                     <div class="artimg-next btn2-slide-next"></div>
  58.                     <div class="swiper-pagination swiper-pagination-produit"></div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </div>
  63.     {% if product.imagesWithoutOneType|length > 1 %}
  64.     <div class="content-image-supp d-none d-md-block">
  65.         <div class="supp-img-desk ">
  66.             <div class="supp-prevdesk"></div>
  67.             <div class="supp-nextdesk"></div>
  68.             <div class="supp-img-swiper swiper-container py-2">
  69.                 <div class="suppwrapper-imag-art swiper-wrapper">
  70.                     <div class="img-bit-art  imgsupp swiper-slide">
  71.                         <div class="cursor-pointer"><img src="{{asset('images/spacer.gif')}}" class="img-spacer" alt=""><img src="{{ zoom_path }}" alt="{{ product.name }}" class="w-100" /></div>
  72.                     </div>
  73.                     {% set productImagesOrdered = app_get_product_images_ordered_by_position(product.imagesWithoutOneType) %}
  74.                     {% set myVal2 = 0 %}
  75.                     {{ sylius_template_event('sylius.shop.product.show.before_thumbnails', {'product': product}) }}
  76.                     {% for image in productImagesOrdered %}
  77.                         {% set myVal2 = myVal2 + 1 %}
  78.                         {% if myVal2 > 1 %}
  79.                             {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_small_thumbnail_inset') : '//placehold.it/200x200' %}
  80.                             <div class="swiper-slide gallery-bit-article " data-js-product-thumbnail>
  81.                                 {% if product.isConfigurable() and product.variants|length > 0 %}
  82.                                     {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  83.                                 {% endif %}
  84.                                 <div class="cursor-pointer">
  85.                                     <img src="{{asset('images/spacer.gif')}}" class="img-spacer" alt="{{ product.name }}">
  86.                                     <img class="w-100" src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}" alt="{{ product.name }}" />
  87.                                 </div>
  88.                             </div>
  89.                         {% endif %}
  90.                     {% endfor %}
  92.                 </div>
  93.                 <div class="swiper-pagination d-none swiper-pagination-supp"></div>
  94.             </div>
  95.         </div>
  96.     </div>
  97.       {% endif %}
  98. </div>
  100. {# stocker les images de bundle dans le cas où les bundle items ont des configurations simple #}
  101. {# pour afficher l'image du bundle item et non du bundle #}
  102. {% if product.productBundle %}
  103.     <div id="product-bundle-items-images">
  104.         {% for productBundleItem in product.productBundle.productBundleItems %}
  105.             {% if productBundleItem.productVariant.images.first %}
  106.                 {% set imagePath = productBundleItem.productVariant.images.first|imagine_filter('app_shop_product_show_zoom') %}
  107.             {% elseif productBundleItem.productVariant.product.imagesByType('main') is not empty %}
  108.                 {% set imagePath = app_get_first_product_image_by_position(productBundleItem.productVariant.product.imagesByType('main')).path|imagine_filter('app_shop_product_show_zoom') %}
  109.             {% elseif productBundleItem.productVariant.product.imagesWithoutOneType.first %}
  110.                 {% set imagePath = app_get_first_product_image_by_position(productBundleItem.productVariant.product.imagesWithoutOneType).path|imagine_filter('app_shop_product_show_zoom') %}
  111.             {% else %}
  112.                 {% set imagePath = null %}
  113.             {% endif %}
  114.             <div class="bundle-items-details"
  115.                  data-id="{{ productBundleItem.id }}"
  116.                  data-variant-id="{{ productBundleItem.productVariant.id }}"
  117.                  data-product-id="{{ productBundleItem.productVariant.product.id }}"
  118.                  data-variant-image="{{ imagePath }}"
  119.             ></div>
  120.         {% endfor %}
  121.     </div>
  122. {% endif %}