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 %} js-select-product" {{ sylius_test_html_attribute('product') }}
  12.     {# GA4 DATA ATTRIBUTES #}
  13.      data-item-id="{{ variant ? variant.code : product.code }}"
  14.      data-item-name="{{ product.name|escape('html_attr') }}"
  15.      data-item-category="{{ product.mainTaxon ? product.mainTaxon.name|escape('html_attr') : 'General' }}"
  16.     {# Cena: berieme minPrice ak existuje, inak cenu variantu. Delíme 100000 podľa tvojho nastavenia #}
  17.      data-price="{{ (product.minPrice ?: (variant ? variant.channelPricings.first.price : 0)) / 100000 }}"
  18.      data-quantity="{{ product.minQuantity ?: 1 }}"
  19.      data-index="{{ loop.index0|default(0) }}"
  20.      data-item-list-id="{{ product.mainTaxon ? product.mainTaxon.code|escape('html_attr') : 'category_page' }}"
  21.      data-item-list-name="{{ product.mainTaxon ? product.mainTaxon.name|escape('html_attr') : 'Category Page' }}"
  22. >
  23.     <div class="product-image-wrap">
  24.         <a class="product-image-link" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">
  26.             {% if hasDiscount %}
  27.                 <span class="labels-wrap">
  28.                     <span class="discount-content">
  29.                         <span class="label">-{{ discount }}%</span>
  30.                     </span>
  31.                 </span>
  32.             {% endif %}
  34.             {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'class': 'card-img-top'} %}
  36.             {% if product.labels %}
  37.                 <span class="labels-bottom-wrap">
  38.                     <span class="labels-content">
  39.                         {% for label in product.labels %}
  40.                             {% if label.code != 'top_all_categories' %}
  41.                                 <span class="label {{ label.code -}}">{{- label.name -}}</span>
  42.                             {% endif %}
  43.                         {% endfor %}
  44.                     </span>
  45.                 </span>
  46.             {% endif %}
  47.         </a>
  48.     </div>
  50.     <div class="product-content">
  51.         <h6 class="product-name fw-medium" {{ sylius_test_html_attribute('product-name', product.name) }}>
  52.             <a class="link-heading stretched-link" href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">{{ product.name }}</a>
  53.         </h6>
  55.         <div class="product-description">
  56.             {% if product.shortDescription %}
  57.                 {{ product.shortDescription|striptags|unescape|u.truncate(100, '...', false) }}
  58.             {% else %}
  59.                 {{ product.description|striptags|unescape|u.truncate(100, '...', false) }}
  60.             {% endif %}
  61.         </div>
  62.     </div>
  64.     <div class="product-bottom">
  65.         {% if not product.enabledVariants.empty() %}
  66.             <div class="product-price-wrap">
  67.                 {% if product.minPrice %}
  68.                     <span class="text-nowrap">
  69.                         <span class="product-price-from cfs-8">{{ 'app.ui.price_from'|trans }}</span>
  70.                         <span class="product-price min-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.convertAndFormatSpecial(product.minPrice, {'divisor': 100000, 'scale': 3 }) }}</span>
  71.                     </span>
  72.                     {% if product.maxPrice %}
  73.                         <span class="text-nowrap">
  74.                             <span class="product-price-from cfs-8">{{ 'app.ui.price_to'|trans }}</span>
  75.                             <span class="product-price min-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.convertAndFormatSpecial(product.maxPrice, {'divisor': 100000, 'scale': 3 }) }}</span>
  76.                         </span>
  77.                     {% endif %}
  78.                 {% elseif enabledVariants|length == 1 %}
  79.                     {% 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 %}
  80.                     <span class="product-price cfs-5" {{ sylius_test_html_attribute('product-price') }}>{{ money.calculatePrice(product|sylius_resolve_variant) }}</span>
  81.                 {% endif %}
  82.             </div>
  83.         {% endif %}
  85.         {% if product.minQuantity %}
  86.             <div class="product-min-quantity cfs-9">{{ 'app.product_box.min_qty'|trans({ '%qty%': product.minQuantity }) }}</div>
  87.         {% endif %}
  88.     </div>
  89. </div>