themes/webapicTheme/templates/products/single_product_in_circle.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. {% set price = money.calculatePrice(product) %}
  14. {% set originalPrice = money.calculateOriginalPrice(product) %}
  16. <div class="listing1-product-ctn card">
  18.     {% include 'partials/block-add-to-wishlist.html.twig' with {'product': product, 'price': price} %}
  20.     <a href="{{ path('app_product_variant_show', {'slug': product.slug, 'id': product.id}) }}" class="{% if is_mobile() %}mobile {% else %}desktop{% endif %}">
  21.         
  22.         <div class="img-ctn">
  24.             <div class="flag">
  25.                 {% include 'partials/block-callout.html.twig' with {'callout': product.badge} only %}
  27.                                 {# Octobre Rose #}
  28.                                 {# {{dump(product)}} #}
  29.                                 {# {% if product.optionValues|length > 0 and product.optionValues[0].code == "PL.RO.FU" %}
  30.                                     <img class="lazy oct-rose" src="{{ asset('webapic-theme/images/2024_oct-rose_ruban-listing.svg') }}" alt="Octobre Rose" />
  31.                                 {% else %}
  32.                                     {% include 'partials/block-callout.html.twig' with {'callout': product.badge} only %}
  33.                                 {% endif %} #}
  34.             </div>  
  36.             <div class="img-ctn-content">
  37.         
  38.                 <img class="lazyload" data-src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  40.                 {% set path = '' %}
  41.             
  42.                 {% if product.imagesByType('image_product_secondary') is not empty %}
  43.                     {% set source_path = product.imagesByType('image_product_secondary').first.path %}
  44.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing_cropped') %}
  45.                 {% elseif product.imagesByType('image_product_main') is not empty %}
  46.                     {% set source_path = product.imagesByType('image_product_main').first.path %}
  47.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing_cropped') %}
  48.                 {% endif %}
  50.                 {% if path is not empty %}
  51.                     <img class="hover lazyload" data-src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />      
  52.                 {% endif %}
  54.                  {% if is_mobile() and not is_device('iPad')  %} 
  55.                     <button class="mobile"><i class="chevron left icon"></i></button>
  56.                     <button class="mobile right"><i class="chevron right icon"></i></button>
  57.                 {% endif %}
  59.                 {% if not is_device('iPad')  %} 
  60.                     {% set cat = '' %}
  61.                     {% set cat2 = '' %}
  62.                     {% if  product.product.mainTaxon is not null and product.product.mainTaxon.parent is not null  %} 
  63.                         {% set cat = product.product.mainTaxon.name %}                   
  64.                         {% if product.product.mainTaxon.parent is not null  %} 
  65.                             {% set cat2 = product.product.mainTaxon.parent.name %}
  66.                             
  67.                         {% endif %}                              
  68.                     {% endif %}
  70.                     <div class="add">
  71.                     
  72.                         <button class="js-add-to-cart" data-url="{{ path('app_cart_add_to_cart_ajax') }}" data-postdata="{{ '{"' ~ product.id ~ '":1}' }}" 
  73.                          data-id="{{ product.id }}" data-name="{{ product.name }}" data-price="{{ price|replace({'€': '',',': '.'}) }}" data-cat="{{ cat }}" data-catdeux="{{ cat2 }}">
  74.                             <img src="{{ asset('webapic-theme/images/icon-panier.svg') }}" class="ui image addcart" />
  75.                             {# <img src="{{ asset('webapic-theme/images/loader-spinner.gif') }}" class="ui image loader" /> #}
  76.                             <div class="loader lds-roller-ctn">
  77.                                 <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  78.                             </div>
  79.                         </button>
  80.                     </div>
  81.                  {% endif %}
  82.             </div>
  83.         </div>
  85.         <div class="name">{{ product.name }}</div>     
  87.        
  89.         {# {% if price != originalPrice %}
  90.             <div class="sylius-product-original-price price" {{ sylius_test_html_attribute('product-original-price') }}><del>{{ originalPrice }}</del></div>
  91.         {% endif %} #}
  93.         <div class="sylius-product-price price {% if price != originalPrice %}bloc-price-promo{% endif %}"  {{ sylius_test_html_attribute('product-price') }}>
  94.          {# aa{{ price }}bb{{ originalPrice }} #}
  95.             {% if price != originalPrice %}
  96.                         
  97.                 <div class="ligne-promo">
  98.                 
  99.                     <span class="original-price">{{ originalPrice }}</span>
  101.                     {# {% if product.badge is not defined or product.badge != "low_price"  %} #}
  102.                         
  103.                         <span class="percentage">
  104.                             {{  app_percentage_promo(product|sylius_calculate_original_price({'channel': sylius.channel}), product|sylius_calculate_price({'channel': sylius.channel})) }}
  105.                         </span>
  107.                     {# {% endif %} #}
  108.   
  109.                 </div>
  110.             {% endif %}
  111.             {% if product.badge is defined and product.badge is not empty and product.badge == "low_price"  %}
  112.                 {% set pricebarre = money.convertAndFormat(product|sylius_calculate_original_price({'channel': sylius.channel}) * 2) %}
  113.                 <span class="original-price">{{ pricebarre }}</span>
  114.             {% endif %}
  115.             {% if product.product.conditioning == 'per_meter_each_0_5_meter' %}
  116.             {{ price }}/m
  117.             {% elseif product.product.conditioning == 'card_kdo_per_euros_each_10_euros' %}
  118.                 {{ 'app.front.listing.product.from'|trans }} 10€
  119.             {% else %}
  120.             {{ price }}
  121.             {% endif %}
  122.         </div>
  123.             
  124.     </a>
  126. </div>