themes/BootstrapTheme/templates/bundles/SyliusShopBundle/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 %}
  4. {% if variant is not null %}
  5.     {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  6.     {%  set percentage =  channelpricing.getDiscountedPercentage %}
  7. {% endif %}
  8. <div class="articleBit" {{ sylius_test_html_attribute('product') }}>
  9.     <div class="bg-art-w">
  10.         <div class="articleBit-ima">
  11.             <a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">
  14.                 {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'class': 'card-img-top'}  %}
  17.             </a>
  18.             {% if product.callouts is not null %}
  19.                 {% include "@SetonoSyliusCalloutPlugin/Shop/Product/Callout/_callouts.html.twig" with {'callouts' : product.callouts|setono_callouts} %}
  20.             {% endif %}
  21.             {% if variant is not null %}
  22.                 {% if channelpricing.discountedPrice and channelpricing.price > channelpricing.discountedPrice  %}
  23.                     <div class="picto-promo">
  24.                         <strong>
  25.                     <span data-js-product-percentage  >
  26.                         -{{ percentage|round(0) }}%
  27.                     </span>
  28.                         </strong>
  29.                     </div>
  30.                 {% endif %}
  31.             {% endif %}
  33.         </div>
  34.         <div class="max-art">
  35.             <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>
  36.             {% if not product.variants.empty() %}
  37.                 <div class="articleBit-prix">
  38.                     <span class="prix-old" data-js-product-discounted-price   {{ sylius_test_html_attribute('product-price', money.calculatePrice(product|sylius_resolve_variant)) }}>
  40.                         {% if channelpricing.discountedPrice and channelpricing.price > channelpricing.discountedPrice %}
  41.                             {{ money.convertAndFormat(channelpricing.price)}}
  42.                         {% endif %}
  43.                     </span>
  44.                     <strong class="prix-promo"  {{ sylius_test_html_attribute('product-price') }}> {{ money.calculatePrice(variant) }} </strong>
  45.                 </div>
  46.             {% endif %}
  47.         </div>
  49.         <div class="articlebit-detail">
  50.             {% if product.variants.empty() or product.simple and not sylius_inventory_is_available(product.variants.first) %}
  51.                 {% include '@SyliusShop/Product/Show/_outOfStock.html.twig' %}
  52.             {% else %}
  53.                 {{ render(url('sylius_shop_partial_cart_add_item', {'template': '@SyliusShop/Product/Show/_addToCart.html.twig', 'productId': product.id})) }}
  54.             {% endif %}
  55.         </div>
  56.     </div>
  57. </div>
  58.