templates/bundles/SyliusShopBundle/Product/_box.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {{ sonata_block_render_event('sylius.shop.product.index.before_box', {'product': product}) }}
  5. <div class="ui fluid card product-card scale">
  6.     {% if product.featured == true %}
  7.         <div id="appliedPromotions" data-applied-promotions-locale="{{ sylius.localeCode }}">
  8.                     <span class="product-label font-bold">
  9.                         {{ 'app.ui.featured'|trans }}
  10.                     </span>
  11.         </div>
  12.     {% endif %}
  13.     <a
  14.         href="{{ path('sylius_shop_product_show', {'slug': product.slug, 'products':'products'|trans, '_locale': product.translation.locale}) }}"
  15.         class="image product-card--thumbnail">
  16.         {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product} %}
  17.         <div class="ui divider no-margin"></div>
  18.     </a>
  19.     <div class="content wishlist">
  20.         <div class="product-description">
  21.             <div class="product-description-links">
  22.                 <a href="{{ path('bitbag_sylius_elasticsearch_plugin_shop_list_products', {'slug': product.mainTaxon.slug|default, 'products':'products'|trans, 'product_category':'product_category'|trans, '_locale': product.mainTaxon.translation.locale|default}) }}" class="text-xs font-bold text-topaz-500 uppercase product-link">{{ product.mainTaxon }}</a>
  24.                 <a
  25.                     href="{{ path('sylius_shop_product_show', {'slug': product.slug, 'products':'products'|trans, '_locale': product.translation.locale|default}) }}"
  26.                     class="header sylius-product-name text-sm product-link"
  27.                 >{{ product.name }}</a>
  29.                 <a href="{{ path('open_marketplace_shop_vendor_page_index', {'vendor_slug': product.vendor.slug|default, '_locale': product.translation.locale}) }}" class="text-xs text-topaz-500 uppercase product-link">{{ 'app.ui.by'|trans }} {{ product.vendor.companyName|default() }}</a>
  30.             </div>
  32.             <div class="product-footer">
  33.                 {% if not product.variants.empty() %}
  34.                     <div class="sylius-product-price text-base">{{ money.calculatePrice(product|sylius_resolve_variant) }}</div>
  35.                 {% endif %}
  37.                 <div class="product-buttons">
  38.                     <div class="ui button loadable product-card-button text-xs" data-js-add-to-compare data-js-product-id="{{ product.id }}">
  39.                         <span class="material-symbols-outlined">compare_arrows</span>
  40.                         {{ 'app.ui.product.card.compare'|trans }}
  41.                     </div>
  42.                     {% include '@BitBagSyliusWishlistPlugin/Common/_addToWishlistIcon.html.twig' %}
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  47. </div>
  49. {{ sonata_block_render_event('sylius.shop.product.index.after_box', {'product': product}) }}