custom/plugins/GrimmTheme/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
  2. {# like minimal adjusted box for starting page product slider but few adjustments #}
  4. {# add clerk tracking if search page and if clerk plugin is enabled #}
  5. {% block component_product_box %}
  6.     {% if product %}
  7.         {% set name = product.translated.name %}
  8.         {% set id = product.id %}
  9.         {% set cover = product.cover.media %}
  10.         {% set variation = product.variation %}
  12.         <div class="card product-box box-{{ layout }}"{% if config('Clerkio.config.enabled') and isSearchPage %} data-clerk-product-id="{{product.id|upper}}"{% endif %}>
  13.             {% block component_product_box_content %}
  14.                 {{ parent() }}
  15.             {% endblock %}
  16.         </div>
  17.     {% endif %}
  18. {% endblock %}
  21. {% block component_product_box_image %}
  23.     {% set shortDescription = product.translated.customFields.grimm_customFields_short_desc %}
  25.     {% if product.mkxBVParent %}
  26.         {% set name = product.mkxBVParent.translated.name %}
  27.         {% set shortDescription = product.mkxBVParent.translated.customFields.grimm_customFields_short_desc %}
  28.         {% set cover = product.mkxBVParent.cover.media %}
  29.     {% endif %}
  30.     <div class="product-image-wrapper">
  31.         {# fallback if display mode is not set #}
  32.         {% set displayMode = displayMode ?: 'standard' %}
  34.         {# set display mode 'cover' for box-image with standard display mode #}
  35.         {% if layout == 'image' and displayMode == 'standard' %}
  36.             {% set displayMode = 'cover' %}
  37.         {% endif %}
  39.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  40.             title="{{ name }}"
  41.             class="product-image-link is-{{ displayMode }}">
  42.             {% if cover.url %}
  43.                 {% set attributes = {
  44.                     'class': 'product-image is-'~displayMode,
  45.                     'alt': (cover.translated.alt ?: name),
  46.                     'title': (cover.translated.title ?: name)
  47.                 } %}
  49.                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  50.                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  51.                 {% endif %}
  53.                 {% sw_thumbnails 'product-image-thumbnails' with {
  54.                     media: cover,
  55.                     sizes: {
  56.                         'xs': '501px',
  57.                         'sm': '315px',
  58.                         'md': '427px',
  59.                         'lg': '333px',
  60.                         'xl': '284px'
  61.                     }
  62.                 } %}
  63.             {% else %}
  64.                 <div class="product-image-placeholder">
  65.                     {% sw_icon 'placeholder' style {
  66.                         'size': 'fluid'
  67.                     } %}
  68.                 </div>
  69.             {% endif %}
  70.         </a>
  72.         {% if config('core.cart.wishlistEnabled') %}
  73.             {% block component_product_box_wishlist_action %}
  74.             {% endblock %}
  75.         {% endif %}
  76.     </div>
  78.         <div class="product-name-number__container">
  79.             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  80.                 class="product-name"
  81.                 title="{{ name }}">
  82.                 {{ name }}
  83.             </a>
  85.             {# not shown on starting page slider product box #}
  86.             {% if product.translated.customFields.grimm_customFields_short_desc and activeRoute != "frontend.home.page" and activeRoute != "frontend.detail.page" %}
  87.                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  88.                     class="product-info__gallery-description">
  89.                     {{ shortDescription }}
  90.                     {% sw_include '@Storefront/storefront/component/product/price-unit-info.html.twig' with { 'product': product } %}
  91.                 </a>
  92.             {% endif %}
  93.         </div>
  94. {% endblock %}
  96. {% block component_product_box_info %}
  97.     <div class="product-info">
  99.         {% block component_product_box_rating %}{% endblock %}
  101.         {% block component_product_box_name %}{% endblock %}
  103.         {% block component_product_box_variant_characteristics %}{% endblock %}
  105.         {% block component_product_box_description %}{% endblock %}
  107.         {% block component_product_additional_info %}
  108.             <div class="product_additional_info">
  109.                 <div class="d-flex align-items-end">
  110.                     {% sw_include '@Storefront/storefront/component/product/card/price-uvp.html.twig' %}
  111.                     {% sw_include '@Storefront/storefront/component/product/card/price-discount-amount.html.twig' %}
  112.                 </div>
  113.             </div>
  114.         {% endblock %}
  116.         {% block component_product_box_price %}
  117.             <div class="price-container">
  118.                  {# SD:4986 #}
  119.                 {% set requestOnly = product.translated.customFields.grimm_customfields_productRequest_only %}
  120.                 {% if requestOnly %}
  121.                     {% set showUVP = product.translated.customFields.grimm_customfields_productRequest_showUVP %}
  122.                     {% if showUVP %}
  123.                         {% sw_include '@Storefront/solution360/grimm/product/request-only-uvp-display.html.twig' with {productListing: true} %}
  124.                     {% else %}
  125.                         <span class="product-price mt-0" style="height: 28px">{{ "product.price.priceUponRequest"|trans|sw_sanitize }}</span>
  126.                     {% endif %}
  127.                 {% else %}
  128.                     {{ parent() }}
  129.                     {# {% block component_product_box_action %}{% endblock %} #}
  130.                     {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  131.                 {% endif %}
  134.             </div>
  135.         {% endblock %}
  137.         {# include changed button because buy action only on list view #}
  138.         
  139.         {# this template will also include the merkliste heart if plugin activated #}
  140.         {# {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %} #}
  142.     </div>
  143. {% endblock %}