themes/BootstrapTheme/SyliusShopBundle/views/Product/Box/_content.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  2. {%  set variant = product|sylius_resolve_variant %}
  3. {% set channelpricing = null %}
  6. {% if variant is not null %}
  7.     {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  8.     {% set percentage =  channelpricing.getDiscountedPercentage %}
  9. {% endif %}
  10. <div class="articleBit h-100" {{ sylius_test_html_attribute('product') }}>
  11.     <div class="bg-art-w  h-100 d-flex flex-column">
  12.         <div class="articleBit-ima   flex-grow-1 d-flex align-items-center justify-content-center">
  13.             <a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">
  14.                 {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'variant': variant, 'class': 'card-img-top_'}  %}
  15.             </a>
  16.             {% if product.callouts is not null %}
  17.                 {% include "@SetonoSyliusCalloutPlugin/Shop/Product/Callout/_callouts.html.twig" with {'callouts' : product.callouts|setono_callouts} %}
  18.             {% endif %}
  19.         {% if variant is not null %}
  20.             {% if channelpricing.originalPrice > channelpricing.price  %}
  21.             <div class="picto-promo">
  22.                 <strong>
  23.                 <span data-js-product-percentage  >
  24.                     -{{ percentage|round(0) }}%
  25.                 </span>
  26.                 </strong>
  27.             </div>
  28.             {% endif %}
  29.         {% endif %}
  31.         </div>
  32.         <div class="max-art">
  33.             <h3 class="articleBit-lib"  {{ sylius_test_html_attribute('product-name', product.name) }}><div class="table-lib"><a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">{{ product.name }}</a></div></h3>
  35.         </div>
  37.         <div class="articlebit-detail">
  38.             <div class="table-ajout-panier">
  39.                     <div class="articleBit-prix">
  40.                          {% if channelpricing and not product.variants.empty() %}
  42.                                 <span class="prix-old" data-js-product-original-price   {{ sylius_test_html_attribute('product-price', money.calculatePrice(product|sylius_resolve_variant)) }}>
  43.                                 {% set variant = product|sylius_resolve_variant %}
  45.                                 {% if channelpricing.originalPrice > channelpricing.price %}
  46.                                     {{ money.convertAndFormat(channelpricing.originalPrice)}}
  47.                                 {% endif %}
  48.                                 </span>
  49.                              {% if channelpricing.price != 0 %}
  50.                                 <strong class="prix-promo"  {{ sylius_test_html_attribute('product-price') }}><em class="d-none">{{'app.product.apartirde' |trans}}</em> {{ money.calculatePrice(product|sylius_resolve_variant) }} </strong>
  51.                             {% endif %}
  52.                         {% endif %}
  54.                     </div>
  55.                     {% if channelpricing and channelpricing.originalPrice > channelpricing.price and channelpricing.discountedPriceEndsAt is not null %}
  56.                         {% set now = "now"|date("U") %}
  57.                         {% set endsAt = channelpricing.discountedPriceEndsAt|date("U") %}
  58.                         {% set diffSeconds = endsAt - now %}
  59.                         {% set days = (diffSeconds // 86400) %}
  60.                         {% set hours = ((diffSeconds % 86400) // 3600) %}
  61.                         {% set minutes = ((diffSeconds % 3600) // 60) %}
  62.                         {% set seconds = (diffSeconds % 60) %}
  63.                             {% if diffSeconds > 0 %}
  64.                                 <div class="encart-promo" >
  65.                                     <strong>{{ 'app.product.current_promotion'|trans }} !</strong>
  66.                                     <span>{{ 'app.product.store_at_the_best_price'|trans }}</span>
  67.                                     <div class="timer" data-ends-at="{{ channelpricing.discountedPriceEndsAt|date('c') }}">
  68.                                         <div class="days"><b>{{ days }}</b> {{ 'app.ui.days'|trans }}</div>
  69.                                         <div class="hours"><b>{{ hours }}</b> {{ 'app.ui.hours'|trans }}</div>
  70.                                         <div class="minutes"><b>{{ minutes }}</b> {{ 'app.ui.minutes'|trans }}</div>
  71.                                         <div class="seconds"><b>{{ seconds }}</b> {{ 'app.ui.secondes'|trans }}</div>
  72.                                     </div>
  73.                                     <div class="content-ajout-panier">
  74.                                         <a class="btn-ajout-panier" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}"> > {{'app.product.detail'|trans}}</a>
  75.                                     </div>
  76.                                 </div>
  77.                             {% else %}
  78.                                 <div class="content-ajout-panier">
  79.                                     <a class="btn-ajout-panier" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}"> > {{'app.product.detail'|trans}}</a>
  80.                                 </div>
  81.                             {% endif %}
  82.                     {% elseif product.specialOfferEndsAt %}
  83.                         {% set now = "now"|date("U") %}
  84.                         {% set endsAt = product.specialOfferEndsAt|date("U") %}
  85.                         {% set diffSeconds = endsAt - now %}
  86.                         {% set days = (diffSeconds // 86400) %}
  87.                         {% set hours = ((diffSeconds % 86400) // 3600) %}
  88.                         {% set minutes = ((diffSeconds % 3600) // 60) %}
  89.                         {% set seconds = (diffSeconds % 60) %}
  90.                         {% if diffSeconds > 0 %}
  91.                             <div class="special-offer encart-promo" >
  92.                                 <strong>{{ 'app.product.special_offer'|trans }} !</strong>
  93.                                 <div class="timer" data-ends-at="{{ product.specialOfferEndsAt|date('c') }}">
  94.                                     <div class="days"><b>{{ days }}</b> {{ 'app.ui.days'|trans }}</div>
  95.                                     <div class="hours"><b>{{ hours }}</b> {{ 'app.ui.hours'|trans }}</div>
  96.                                     <div class="minutes"><b>{{ minutes }}</b> {{ 'app.ui.minutes'|trans }}</div>
  97.                                     <div class="seconds"><b>{{ seconds }}</b> {{ 'app.ui.secondes'|trans }}</div>
  98.                                 </div>
  99.                                 <div class="content-ajout-panier">
  100.                                     <a class="btn-ajout-panier" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}"> > {{'app.product.detail'|trans}}</a>
  101.                                 </div>
  102.                             </div>
  103.                         {% endif %}
  104.                     {% else %}
  105.                         <div class="content-ajout-panier">
  106.                             <a class="btn-ajout-panier" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}"> > {{'app.product.detail'|trans}}</a>
  107.                         </div>
  108.                     {% endif %}
  109.                 </div>
  110.         </div>
  111.     </div>
  112. </div>