custom/plugins/ProcWegmannTheme/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' %}
  3. {% block component_product_box %}
  4.   {% if product %}
  5.     {% set name = product.translated.name %}
  6.     {% set id = product.id %}
  7.     {% set cover = product.cover.media %}
  8.     {% set variation = product.variation %}
  10.     <div class="card product-box box-{{ layout }}">
  11.       {% block component_product_box_content %}
  12.         <div class="card-body">
  13.           {% block component_product_box_badges %}
  14.             {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  15.           {% endblock %}
  17.           {% block component_product_box_rich_snippets %}
  18.             {# @deprecated tag:v6.5.0 - Block will be removed completely including the template it references #}
  19.             {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}
  20.           {% endblock %}
  22.           {% block component_product_box_image %}
  23.               <div class="product-image-wrapper">
  24.                   {# fallback if display mode is not set #}
  25.                   {% set displayMode = displayMode ?: 'standard' %}
  27.                   {# set display mode 'cover' for box-image with standard display mode #}
  28.                   {% if layout == 'image' and displayMode == 'standard' %}
  29.                       {% set displayMode = 'cover' %}
  30.                   {% endif %}
  32.                   <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  33.                      title="{{ name }}"
  34.                      class="product-image-link is-{{ displayMode }}">
  35.                       {% if cover.url %}
  36.                           {% set attributes = {
  37.                               'class': 'product-image is-'~displayMode,
  38.                               'alt': (cover.translated.alt ?: name),
  39.                               'title': (cover.translated.title ?: name)
  40.                           } %}
  42.                           {% if displayMode == 'cover' or displayMode == 'contain' %}
  43.                               {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  44.                           {% endif %}
  46.                           {% sw_thumbnails 'product-image-thumbnails' with {
  47.                               media: cover,
  48.                               sizes: sizes
  49.                           } %}
  50.                       {% else %}
  51.                           <div class="product-image-placeholder">
  52.                               {% set name = 'wa-placeholder-white_' ~ app.request.locale %}
  53.                               {% sw_include "@Storefront/storefront/utilities/icon.html.twig" with {
  54.                                   'name': name,
  55.                                   'size': 'fluid',
  56.                                   'pack': 'custom-icons',
  57.                                   'color': 'inherit'
  58.                               } %}
  59.                           </div>
  60.                       {% endif %}
  61.                   </a>
  63.                   {% if config('core.cart.wishlistEnabled') %}
  64.                       {% block component_product_box_wishlist_action %}
  65.                          {{ parent() }}
  66.                       {% endblock %}
  67.                   {% endif %}
  69.               </div>
  70.           {% endblock %}
  72.           {% block component_product_box_info %}
  73.             <div class="product-info">
  74.               {% block component_product_box_rating %}
  75.                 {% if config('core.listing.showReview') %}
  76.                   <div class="product-rating">
  77.                     {% if product.ratingAverage %}
  78.                       {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  79.                         points: product.ratingAverage,
  80.                         style: 'text-primary'
  81.                       } %}
  82.                     {% endif %}
  83.                   </div>
  84.                 {% endif %}
  85.               {% endblock %}
  87.               {% block component_product_box_name %}
  88.                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  89.                    class="product-name"
  90.                    title="{{ name }}">
  91.                   {{ name }}
  92.                 </a>
  93.               {% endblock %}
  95.               {% block component_product_box_variant_characteristics %}
  96.                 <div class="product-number">
  97.                   <span>{{ 'detail.productNumberLabel'|trans|sw_sanitize }} {{ product.productNumber }}</span>
  98.                 </div>
  100.                 <div class="product-variant-characteristics">
  101.                   <div class="product-variant-characteristics-text">
  102.                     {% for variation in product.variation %}
  103.                       {{ variation.group }}:
  104.                       <span class="product-variant-characteristics-option">
  105.                                                 {{ variation.option }}
  106.                                             </span>
  108.                       {% if product.variation|last != variation %}
  109.                         {{ " | " }}
  110.                       {% endif %}
  111.                     {% endfor %}
  112.                   </div>
  113.                 </div>
  114.               {% endblock %}
  116.               {% block component_product_box_description %}
  117.                 <div class="product-description">
  118.                   {{ product.translated.description|striptags|raw }}
  119.                 </div>
  120.               {% endblock %}
  122.               {% block component_product_box_price %}
  123.                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  124.               {% endblock %}
  126.               {% block component_product_box_action %}
  127.                 {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  128.               {% endblock %}
  129.             </div>
  130.           {% endblock %}
  131.         </div>
  132.       {% endblock %}
  133.     </div>
  134.   {% endif %}
  135. {% endblock %}