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

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {% if product.imagesByType('image_product_main') is not empty %}
  4.     {% set source_path = product.imagesByType('image_product_main').first.path %}
  5.     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  6. {% elseif product.images.first %}
  7.     {% set source_path = product.images.first.path %}
  8.     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  9. {% else %}
  10.     {% set path = asset('webapic-theme/images/icon-gmap.png') %}
  11. {% endif %}
  13. <div class="listing1-product-ctn card">
  15.     <a href="{{ path('app_product_variant_show', {'slug': product.slug, 'id': product.id}) }}" class="{% if is_mobile() %}mobile {% else %}desktop{% endif %}">
  16.         
  17.         <div class="img-ctn">
  19.             <div class="flag">
  20.                 {% include 'partials/block-callout.html.twig' with {'callout': product.badge} only %}
  21.             </div>  
  23.             <div class="img-ctn-content">
  24.         
  25.                 <img src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  27.                     {% set path = '' %}
  28.             
  29.                 {% if product.imagesByType('image_product_secondary') is not empty %}
  30.                     {% set source_path = product.imagesByType('image_product_secondary').first.path %}
  31.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  32.                 {% elseif product.imagesByType('image_product_main') is not empty %}
  33.                     {% set source_path = product.imagesByType('image_product_main').first.path %}
  34.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  35.                 {% endif %}
  37.                 {% if path is not empty %}
  38.                     <img class="hover" src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />      
  39.                 {% endif %}
  41.                 {% if is_mobile() %}        
  42.                     <button class="mobile"><i class="chevron left icon"></i></button>
  43.                     <button class="mobile right"><i class="chevron right icon"></i></button>
  44.                 {% endif %}
  46.                 
  47.             </div>
  48.         </div>
  50.         <div class="name">{{ product.name }}</div>     
  52.         {% set price = money.calculatePrice(product) %}
  53.         {% set originalPrice = money.calculateOriginalPrice(product) %}
  55.         {# {% if price != originalPrice %}
  56.             <div class="sylius-product-original-price price" {{ sylius_test_html_attribute('product-original-price') }}><del>{{ originalPrice }}</del></div>
  57.         {% endif %} #}
  59.         <div class="sylius-product-price price"  {{ sylius_test_html_attribute('product-price') }}>{{ price }}</div>
  61.         <div class="add">
  62.             <div class="quantite-input">                                    
  63.                 <input class="js-add-to-cart-qty"  name="quantity" value="1"   data-idproduct="{{ product.id }}">
  64.                 <div class="dec button btncadeau" data-qte="1">-</div>
  65.                 <div class="inc button btncadeau" data-qte="1">+</div>
  66.             </div>
  67.             <button class="js-add-to-cart-cadeau addtocart" data-url="{{ path('app_cart_add_to_cart_ajax') }}" data-postdata="{{ '{"' ~ product.id ~ '":1}' }}">
  68.                 {# <img src="{{ asset('webapic-theme/images/icon-panier.svg') }}" class="ui image" /> #}
  69.                 <img src="{{ asset('webapic-theme/images/icon-panier-small.svg') }}" class="ui image" />
  70.             </button>
  71.         </div>
  72.             
  73.     </a>
  75. </div>