custom/plugins/GrimmTheme/src/Resources/views/solution360/listingviewswitch/product-list.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
  2. {% block component_product_box %}
  3.     {% if product %}
  4.         {% set name = product.translated.name %}
  5.         {% set id = product.id %}
  6.         {% set cover = product.cover.media %}
  7.         {% set shortDescription = product.translated.customFields.grimm_customFields_short_desc %}
  8.         {% set variation = product.variation %}
  9.         
  10.         {% if product.mkxBVParent %}
  11.             {% set name = product.mkxBVParent.translated.name %}
  12.             {% set cover = product.mkxBVParent.cover.media %}
  13.             {% set shortDescription = product.mkxBVParent.translated.customFields.grimm_customFields_short_desc %}
  14.         {% endif %}
  16.         <div class="card list-box product-box">
  17.             {% block component_product_box_content %}
  18.                 <div class="list-body col-12">
  19.                     {% block component_product_box_badges %}
  20.                         {{ parent() }}
  21.                     {% endblock %}
  23.                     {% block component_product_box_rich_snippets %}
  24.                         {{ parent() }}
  25.                     {% endblock %}
  27.                     {% block component_product_box_image %}
  28.                         <div
  29.                             class="product-image-wrapper col-3">
  30.                             {# fallback if display mode is not set #}
  31.                             {% set displayMode = displayMode ?: 'standard' %}
  33.                             {# set display mode 'cover' for box-image with standard display mode #}
  34.                             {% if layout == 'image' and displayMode == 'standard' %}
  35.                                 {% set displayMode = 'cover' %}
  36.                             {% endif %}
  38.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}" title="{{ name }}" class="product-image-link is-{{ displayMode }}">
  39.                                 {% if cover.url %}
  40.                                     {% set attributes = {
  41.                                         'class': 'product-image is-'~displayMode,
  42.                                         'alt': (cover.translated.alt ?: name),
  43.                                         'title': (cover.translated.title ?: name),
  44.                                         'loading': 'lazy'
  45.                                     } %}
  47.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  48.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  49.                                     {% endif %}
  51.                                     {% sw_thumbnails 'product-image-thumbnails' with {
  52.                                         media: cover,
  53.                                         sizes: {
  54.                                             'xs': '501px',
  55.                                             'sm': '315px',
  56.                                             'md': '427px',
  57.                                             'lg': '333px',
  58.                                             'xl': '284px'
  59.                                         }
  60.                                     } %}
  61.                                 {% else %}
  62.                                     <div class="product-image-placeholder">
  63.                                         {% sw_icon 'placeholder' style {
  64.                                             'size': 'fluid'
  65.                                         } %}
  66.                                     </div>
  67.                                 {% endif %}
  68.                             </a>
  70.                             {% if config("core.cart.wishlistEnabled") %}
  71.                                 {% block component_product_box_wishlist_action %}
  72.                                     {{ parent() }}
  73.                                 {% endblock %}
  74.                             {% endif %}
  76.                         </div>
  77.                     {% endblock %}
  79.                     {% block component_product_box_info %}
  81.                         <div class="product-info">
  82.                             {% block component_product_box_name %}
  83.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  84.                                    class="product-name"
  85.                                    title="{{ name }}">
  86.                                     {{ name }}
  87.                                 </a>
  88.                             {% endblock %}
  90.                             {% if "product.articleNumber" and product.productNumber %}
  91.                                 <p class="product-info__article-number">
  92.                                     {{ "product.articleNumber"|trans|sw_sanitize }}
  93.                                     {{ product.productNumber }}
  94.                                 </p>
  95.                             {% endif %}
  97.                             {% block component_product_box_rating %}{% endblock %}
  99.                             {% block component_product_box_variant_characteristics %}{% endblock %}
  101.                             {% if product.translated.customFields.grimm_customFields_short_desc %}
  102.                             <p class="product-info__description">
  103.                                 {{ shortDescription }}
  104.                             </p>
  105.                             {% endif %}
  107.                             {% block component_product_box_description %}{% endblock %}
  108.                         </div>
  109.                     {% endblock %}
  112.                     {% block component_product_box_last_section %}
  113.                         <div class="product-last-section">
  114.                             {% block component_product_box_price %}
  115.                             <div class="product_additional_info">
  116.                                 {% sw_include '@Storefront/storefront/component/product/card/price-uvp.html.twig' %}
  117.                                 {% sw_include '@Storefront/storefront/component/product/card/price-discount-amount.html.twig' %}
  118.                             </div>
  119.                                 <div class="product-last-section__price-taxes">
  120.                                     {% set requestOnly = product.translated.customFields.grimm_customfields_productRequest_only %}
  121.                                     {% if requestOnly %}
  122.                                         {% set showUVP = product.translated.customFields.grimm_customfields_productRequest_showUVP %}
  123.                                         {% if showUVP %}
  124.                                             {% sw_include '@Storefront/solution360/grimm/product/request-only-uvp-display.html.twig' with {productListing: true} %}
  125.                                         {% else %}
  126.                                             <div class="product-price" style="height: 28px">
  127.                                                 {{ "product.price.priceUponRequest"|trans|sw_sanitize }}
  128.                                             </div>
  129.                                         {% endif %}
  130.                                 </div>
  131.                                     {% else %}
  132.                                         {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  133.                                         {% sw_include '@Storefront/storefront/component/product/card/price-taxes.html.twig' %}
  134.                                 </div>
  135.                                     {% sw_include '@Storefront/storefront/component/product/price-unit-info.html.twig' with { 'product': product } %}
  136.                                     {% endif %}
  137.                             {% endblock %}
  139.                             <div class="d-flex align-items-end">
  140.                             {# delivery time #}
  141.                                 {% sw_include '@Storefront/storefront/component/product/card/product-delivery-info.html.twig' %}
  142.                             </div>
  144.                             {% block component_product_box_action %}
  145.                                 {% sw_include '@Storefront/storefront/component/product/card/action-list-view.html.twig' %}
  146.                             {% endblock %}
  147.                         </div>
  148.                     {% endblock %}
  150.                 </div>
  151.             {% endblock %}
  152.         </div>
  154.     {% endif %}
  155. {% endblock %}