themes/webapicTheme/templates/products/petite_touche_product.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. <div class="association-ctn-product">
  5.     {% if product.imagesByType('image_product_main') is not empty %}
  6.         {% set source_path = product.imagesByType('image_product_main').first.path %}
  7.         {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  8.         {% set path = source_path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  9.     {% elseif product.images.first %}
  10.         {% set source_path = product.images.first.path %}
  11.         {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  12.         {% set path = source_path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  13.     {% else %}
  14.         {% set original_path = asset('webapic-theme/images/icon-gmap.png') %}
  15.         {% set path = original_path %}
  16.     {% endif %}
  18.     <a href="{{ path('app_product_variant_show', {'slug': product.slug, 'id': product.id}) }}" class="ui fluid image">
  19.         
  20.         <div class="img-ctn">
  22.             <div class="img-ctn-content">
  23.         
  24.                 <img src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  26.                     {% set path = '' %}
  27.         
  28.                 {% if product.imagesByType('image_product_hover') is not empty %}
  29.                     {% set source_path = product.imagesByType('image_product_hover').first.path %}
  30.                     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  31.                     {% set path = source_path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  32.                 {% elseif product.images.first %}
  33.                     {% set source_path = product.images.first.path %}
  34.                     {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
  35.                     {% set path = source_path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  36.                 {% endif %}
  38.                 {% if path is not empty %}
  39.                     <img class="hover" src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />      
  40.                 {% endif %}
  42.                 <div class="add">
  43.                     
  44.                     <button
  45.                         {# href="{{ path('bitbag_sylius_wishlist_plugin_shop_wishlist_add_product', {'productId': product.id}) }}" #}
  46.                         class="bitbag-add-to-wishlist"
  47.                         data-product-name="{{ product.name }}"
  48.                         {{ sylius_test_html_attribute('wishlist-add-product') }}
  49.                     >
  50.                         <i class="heart outline icon"></i>
  51.                         {# {{ 'bitbag_sylius_wishlist_plugin.ui.add_to_wishlist'|trans }} #}
  52.                     </button>
  54.                 
  55.                     <button class="js-add-to-cart" data-url="{{ path('app_cart_add_to_cart_ajax') }}" data-postdata="{{ '{"' ~ product.id ~ '":1}' }}">
  56.                         <img src="{{ asset('webapic-theme/images/icon-panier.svg') }}" class="ui image" />
  57.                     </button>                                    
  59.                 </div>
  60.             </div>     
  62.         </div> 
  63.                 
  64.     </a>
  66. </div>