themes/webapicTheme/templates/bundles/SyliusShopBundle/Webapic/panier/panier-produits.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. <div class="produits">
  4.     
  5.     {% if app.request.isXmlHttpRequest() and app.request.pathInfo == '/cart/ajax/add-to-cart' %}
  6.         <span class="confirm-add">
  7.             <i class="icon check"></i>{{ 'app.front.panier.confirm'|trans }}
  8.         </span>
  9.     {% endif %}
  11.      <span class="confirm-nostock">
  12.         <i class="icon close"></i>Ce produit n'est plus en stock
  13.     </span>
  14.                
  15.     {% for key, item in cart.items %}
  16.         {% set product_variant = item.variant %}
  17.         {# {{ dump(product_variant.product.conditioning) }} #}
  18.         <div class="produits-item" {{ sylius_test_html_attribute('cart-product-row', item.productName) }}>
  20.             <div class="left">
  21.                 
  22.                 {# {% if product_variant.hasImages %}
  23.                     {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product_variant, 'filter': 'app_product_small_thumbnail_listing'} %}
  24.                 {% else %}                    
  25.                     {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product_variant.product, 'filter': 'app_product_small_thumbnail_listing'} %}
  26.                 {% endif %} #}
  28.                 {% if product_variant.hasImages %}
  29.                     {% if product_variant.imagesByType('image_product_main') is not empty %}
  30.                         {% set path = product_variant.imagesByType('image_product_main').first.path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  31.                     {% elseif product_variant.images.first %}
  32.                         {% set path = product_variant.images.first.path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  33.                     {% else %}
  34.                         {% set path = asset('assets/shop/img/200x200.png') %}
  35.                     {% endif %}
  36.                 {% else %}    
  37.                         {% if product_variant.product.imagesByType('image_product_main') is not empty %}
  38.                         {% set path = product_variant.product.imagesByType('image_product_main').first.path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  39.                     {% elseif product_variant.product.images.first %}
  40.                         {% set path = product_variant.product.images.first.path|imagine_filter(filter|default('app_product_small_thumbnail_listing')) %}
  41.                     {% else %}
  42.                         {% set path = asset('assets/shop/img/200x200.png') %}
  43.                     {% endif %}
  44.                 {% endif %}
  46.                 <img src="{{ path }}" {{ sylius_test_html_attribute('main-image') }} alt="{{ product_variant.name }}" class="ui bordered image" />
  48.                 {% if product_variant.pricePerTwo > 0 %}
  49.                     <div class="codepromo">
  50.                         {{ money.convertAndFormat(product_variant.pricePerTwo) }}
  51.                         <br />
  52.                         {{ 'app.front.produit.lesdeux'|trans }}
  53.                     </div>
  54.                     {% endif %}
  56.             </div>
  58.             <div class="middle">
  60.                 <a href="{{ path('app_product_variant_show', {'id': product_variant.id, 'slug': product_variant.slug}) }}">
  61.                     <div class="sylius-product-name" {{ sylius_test_html_attribute('product-name', item.productName) }}>                         
  62.                         {% if item.variantName %}
  63.                              {{ item.variantName }}
  64.                         {% else %}                    
  65.                             {{ item.productName }}
  66.                         {% endif %}
  67.                     </div>                                       
  68.                 </a>       
  69.                 
  70.                 <span class="sylius-unit-price" {{ sylius_test_html_attribute('cart-product-unit-price', item.productName) }}>
  71.                     {# {{ money.convertAndFormat(item.discountedUnitPrice) }} #}
  72.                     {{ money.convertAndFormat(item.total) }}
  73.                     {% if item.adjustmentsTotal < 0 %}
  74.                         <span class="original-price"> {{ money.convertAndFormat(item.unitsTotal) }}</span>
  75.                      {% endif %}
  76.                 </span>
  78.                                 {% if product_variant.product.conditioning == 'card_kdo_per_euros_each_10_euros' %}
  79.                                     <br><span class="panierpopup-destination">A destination de {{item.kdoLastname}} {{item.kdoFirstname}} ({{item.kdoEmail}}) <br/>
  80.                                     Message: {{item.kdoMessage}}</span>
  81.                 {% endif %}
  82.             </div>
  83.             
  84.             <div class="right">
  85.                                             
  86.                 <div class="quantite-ctn">
  88.                     <div class="lds-roller-ctn">
  89.                         <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  90.                     </div>
  91.                     
  92.                     <div class="ui red label bottom pointing hidden sylius-validation-error" id="sylius-cart-validation-error" {{ sylius_test_html_attribute('cart-validation-error') }}></div>
  94.                     <div class="quantite-input">                                    
  95.                       
  96.                         {% if product_variant.product.conditioning != 'per_meter_each_0_5_meter' and product_variant.product.conditioning != 'card_kdo_per_euros_each_10_euros' %}
  97.                             <input name="quantity" value="{{ item.quantity }}"  {% if is_mobile() %}{% else %}readonly{% endif %} autocomplete="off">
  98.                             <div class="dec button" data-url="{{ path('app_cart_update', {id: item.id}) }}" data-qte="{{ item.quantity }}">-</div>
  99.                             {% if item.quantity != 10 and item.canAddItem() %}
  100.                                 <div class="inc button" data-url="{{ path('app_cart_update', {id: item.id}) }}" data-qte="{{ item.quantity }}">+</div>
  101.                             {% endif %}
  102.                         {% else %}                           
  103.                             <div class="dec button" data-url="{{ path('app_cart_update', {id: item.id}) }}" data-qte="{{ item.quantity }}" data-tissu='1'> <i class="icon trash"></i></div>
  104.                         {% endif %}
  105.                     </div>
  106.        
  107.                 </div>
  108.             </div> 
  109.         </div>           
  110.     {% endfor %}
  111. </div>