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

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {% set variant = product|sylius_resolve_variant %}
  4. {% set hasDiscount = variant ? variant|sylius_has_discount({'channel': sylius.channel}) : null %}
  5. {% set tagAttributes = product.attributesByLocale(app.request.locale, app.request.defaultLocale, sylius_base_locale)|filter(attribute => attribute.code == 'tag1' or attribute.code == 'tag2')|sort_by('attribute.position') %}
  6. {% set discount = variant ? money.calculateDiscount(variant, {'channel': sylius.channel, 'zone': sylius.channel.defaultTaxZone}) : null %}
  7. {% set tier_prices = variant ? variant.getTierPricesForChannel(sylius.channel, sylius.customer) : null %}
  8. {% set enabledVariants = product.enabledVariants %}
  11. <div class="product{% if h_100 is defined and h_100 %} h-100{% endif %}" {{ sylius_test_html_attribute('product') }}>
  12.     <div class="product-image-wrap">
  13.         <a class="product-image-link" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">
  15.             {% if hasDiscount %}
  16.                 <span class="labels-wrap">
  17.                     <span class="discount-content">
  18.                         <span class="label">-{{ discount }}%</span>
  19.                     </span>
  20.                 </span>
  21.             {% endif %}
  23.             {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'class': 'card-img-top'} %}
  25.             {% if product.labels %}
  26.                 <span class="labels-bottom-wrap">
  27.                     <span class="labels-content">
  28.                         {% for label in product.labels %}
  29.                             {% if label.code != 'top_all_categories' %}
  30.                                 <span class="label {{ label.code -}}">{{- label.name -}}</span>
  31.                             {% endif %}
  32.                         {% endfor %}
  33.                     </span>
  34.                 </span>
  35.             {% endif %}
  36.         </a>
  37.     </div>
  39.     <div class="product-content">
  40.         <h6 class="product-name fw-medium" {{ sylius_test_html_attribute('product-name', product.name) }}>
  41.             <a class="link-heading stretched-link" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">{{ product.name }}</a>
  42.         </h6>
  44.         <div class="product-description">
  45.             {% if product.shortDescription %}
  46.                 {{ product.shortDescription|striptags|unescape|u.truncate(100, '...', false) }}
  47.             {% else %}
  48.                 {{ product.description|striptags|unescape|u.truncate(100, '...', false) }}
  49.             {% endif %}
  50.         </div>
  51.     </div>
  53.     <div class="product-bottom">
  54.         {% if not product.enabledVariants.empty() %}
  55.             <div class="product-price-wrap">
  56.                 {% if product.minPrice %}
  57.                     <span class="text-nowrap">
  58.                         <span class="product-price-from cfs-8">{{ 'app.ui.price_from'|trans }}</span>
  59.                         <span class="product-price min-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.convertAndFormatSpecial(product.minPrice, {'divisor': 100000, 'scale': 3 }) }}</span>
  60.                     </span>
  61.                     {% if product.maxPrice %}
  62.                         <span class="text-nowrap">
  63.                             <span class="product-price-from cfs-8">{{ 'app.ui.price_to'|trans }}</span>
  64.                             <span class="product-price min-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.convertAndFormatSpecial(product.maxPrice, {'divisor': 100000, 'scale': 3 }) }}</span>
  65.                         </span>
  66.                     {% endif %}
  67.                 {% elseif enabledVariants|length == 1 %}
  68.                     {% if hasDiscount %}<span class="product-original-price cfs-8">{{ money.calculateOriginalPriceWithoutTax(variant, {'divisor': 100000, 'scale': 3, 'channel': sylius.channel, 'zone': sylius.channel.defaultTaxZone}) }}</span>{% endif %}
  69.                     <span class="product-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.calculatePrice(product|sylius_resolve_variant) }}</span>
  70.                 {% endif %}
  71.             </div>
  72.         {% endif %}
  74.         {% if product.minQuantity %}
  75.             <div class="product-min-quantity cfs-9">{{ 'app.product_box.min_qty'|trans({ '%qty%': product.minQuantity }) }}</div>
  76.         {% endif %}
  77.     </div>
  78. </div>