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. {% if product %}
  3.     {% set variant = product|sylius_resolve_variant %}
  4.     {% set path_route = app.request.attributes.get('_route') %}
  5.     {% if variant is not null %}
  6.         {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  7.         {% set percentage =  channelpricing.getDiscountedPercentage %}
  8.     {% endif %}
  9.     <div class="articleBit h-100" {{ sylius_test_html_attribute('product') }}>
  10.         <div class="bg-art-w  h-100 d-flex flex-column">
  11.             <div class="articleBit-ima">
  12.                 <a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}" title="{{ product.name }}">
  13.                     {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'class': 'card-img-top'}  %}
  14.                 </a>
  15.                 {% if product.callouts is not null and product.callouts|length > 0 %}
  16.                     {% include "@SetonoSyliusCalloutPlugin/Shop/Product/Callout/_callouts.html.twig" with {'callouts' : product.callouts|setono_callouts} %}
  17.                 {% endif %}
  18.                 {% if variant is not null %}
  19.                     {% if channelpricing.originalPrice > channelpricing.price  %}
  20.                         <div class="picto-promo">
  21.                             <strong>
  22.                                 <span data-js-product-percentage >
  23.                                     -{{ percentage|round(0) }}%
  24.                                 </span>
  25.                             </strong>
  26.                         </div>
  27.                     {% endif %}
  28.                 {% endif %}
  29.                 {% include '@Brille24SyliusTierPricePlugin/Shop/Product/Show/_tier_price_promoBis.html.twig' %}
  30.                 <a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}" class="btn-link-hover hover-opacity-0"><div class="d-flex align-items-center justify-content-center h-100"><span class="btn-link transition-bgcolor minw-sm">{{'app.homepage.discover'|trans}}</span></div></a>
  31.             </div>
  32.             <div class="flex-grow-l position-relative h-100 d-flex flex-column">
  33.                 <div class="max-art flex-grow-l">
  34.                     <h3 class="articleBit-lib"  {{ sylius_test_html_attribute('product-name', product.name) }}><a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">{{ product.name }}</a></h3>
  35.                 </div>
  36.                 <div class="row no-gutters justify-content-between pb-md-3 py-2 align-items-end mt-md-1">
  37.                     <div class="articleBit-price col">
  38.                         {% set context = {"channel": sylius.channel} %}
  40.                         {% if not product.variants.empty() %}
  41.                             {% if product|sylius_resolve_variant %}
  42.                                 <strong class="price-promo"  {{ sylius_test_html_attribute('product-price') }}> {{ money.calculatePriceWithTax(product|sylius_resolve_variant, context) }} </strong>
  43.                                 <span class="price-old" data-js-product-original-price   {{ sylius_test_html_attribute('product-price', money.calculatePrice(product|sylius_resolve_variant)) }}>
  44.                                     {% set variant = product|sylius_resolve_variant %}
  45.                                     {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  47.                                     {% if channelpricing.originalPrice > channelpricing.price  %}
  48.                                         {{ money.calculateOriginalPriceWithTax(product|sylius_resolve_variant, context) }}
  49.                                     {% endif %}
  50.                                     </span>
  51.                                 {% endif %}
  52.                         {% endif %}
  53.                     </div>
  54.                     <div class="articleBit-state col-auto">
  55.                         {% if not sylius_inventory_is_available(product.variants.first) and app_count_available_variants(product) < 1 %}
  56.                             <div class="color-red hover-opacity-0"><i class="icon-cancel"></i> {{'app.product.not_available'|trans}}</div>
  57.                         {% else %}
  58.                             <div class="ok-state hover-opacity-0">{{'app.product.available'|trans}}</div>
  59.                         {% endif %}
  60.                     </div>
  61.                 </div>
  62.                 {% for option in product.options if option.code == "couleur" %}
  63.                     <div class="articleBit-caract-color hover-opacity-0">
  64.                         <div class="row no-gutters align-items-center ">
  65.                             {% for value in option.values %}
  66.                                 {% if value.filePath %}
  67.                                     <div class="mb-1 mr-1"><a href="#" class="color-caract-bg"><img src="{{asset(value.filePath)}}"></a></div>
  68.                                 {% endif %}
  69.                             {% endfor %}
  70.                         </div>
  71.                     </div>
  72.                 {% endfor %}
  73.             </div>
  74.         </div>
  75.     </div>
  76. {% endif %}