themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Homepage/_list.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {% for product in products %}
  4.     {%  set variant = product|sylius_resolve_variant %}
  5.     {% if variant is not null %}
  6.         {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  7.         {% set percentage =  channelpricing.getDiscountedPercentage %}
  8.     {% endif %}
  9.     <div class="kit-item text-grey">
  10.         <div class="h-100 row no-gutters bg-kit">
  11.             <div class="img-kit col-md-12 col-3">
  13.                 {% if product.images.first %}
  14.                     {% set path = product.images.first.path|imagine_filter(filter|default('app_shop_product_kitsolar')) %}
  15.                 {% else %}
  16.                     {% set path = asset('images/produit_kit.jpg') %}
  17.                 {% endif %}
  19.                 <img src="{{ path }}" alt="{{ product.name }} "/>
  20.             </div>
  21.             <div class="col-md-12 col-9 d-flex flex-column flex-grow-l">
  22.                 <div class="flex-grow-l py-md-3 pt-3 pb-1  px-3">
  23.                     <h4 class="lib-kit text-uppercase  text-md-center text-left color-orange mb-0">{{ product.name }}</h4>
  24.                 </div>
  25.                 <div class="details-kit px-xl-4 px-3">
  26.                     <ul class="list-unstyled">
  27.                         {% for attr in product.attributes %}
  28.                             {% if attr.attribute.code != "type_produit" %}
  29.                                 <li>{{ attr.value }} {{ attr.attribute.translation.name }}</li>
  30.                             {% endif %}
  31.                         {% endfor %}
  32.                     </ul>
  33.                 </div>
  34.                 <div class="row no-gutters align-items-center pb-md-0 pb-3">
  35.                     <div class="price-kit text-md-center text-left  px-md-4 pl-3 pr-2 col-md-12 col-6">
  36.                         <span class="d-none d-md-block">{{'sylius.ui.grand_total'|trans}}:</span>
  37.                         {% if not product.variants.empty() %}
  38.                             {% set variant = product|sylius_resolve_variant %}
  39.                             {% set channelpricing = variant.getChannelPricingForChannel(sylius.channel) %}
  40.                             <span class="price-old d-block" data-js-product-original-price {{ sylius_test_html_attribute('product-price', money.calculatePrice(product|sylius_resolve_variant)) }}>
  42.                                 {% if channelpricing.originalPrice > channelpricing.price  %}
  43.                                     {{ money.convertAndFormat(variant|app_calculate_original_price_with_tax)}}
  44.                                 {% endif %}
  45.                             </span>
  46.                             <strong class="d-block" {{ sylius_test_html_attribute('product-price') }}>{{ money.convertAndFormat(app_get_price_ttc_from_variant(product|sylius_resolve_variant, product|sylius_resolve_variant|sylius_calculate_price({'channel': sylius.channel}), false)) }} <small>{{'app.common.tax_included'|trans}}</small></strong>
  48.                         {% endif %}
  49.                     </div>
  50.                     <div class="btn-kit  px-lg-4 px-md-3 pr-3 pl-1 py-lg-4 py-md-2 py-0  col-md-12 col-6">
  51.                         <a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}" class="btn-link d-block other-radius-btn bg-gradient-hover " title="{{'app.homepage.discover'|trans}}"><span>{{'app.homepage.discover'|trans}}</span></a>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  57. {% endfor %}