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

Open in your IDE?
  1. {% sw_extends "@Shopware/storefront/component/product/card/box-standard.html.twig" %}
  3. {% block component_product_box_content %}
  4.     {{ parent() }}
  5.     <div class="cytex-product-listing-backdrop"></div>
  6. {% endblock %}
  8. {% block component_product_box_description %}
  9. {% endblock %}
  11. {% block component_product_box_variant_characteristics %}
  12.     <div class="product-listing-productnumber">
  13.         <span>
  14.              {{ product.productNumber }}
  15.          </span>
  16.     </div>
  18.     <div class="product-listing-amount-text">
  19.         {% if product.extensions.additionalProductInfo.translated.customField2 %}
  20.                  <span>
  21.                      {{ "component.product.feature.label.amount"|trans|sw_sanitize }}
  22.                  </span>
  23.                 {{ product.extensions.additionalProductInfo.translated.customField2|raw }}
  24.         {% endif %}
  25.     </div>
  26. {% endblock %}
  28. {% block component_product_box_image %}
  29.     <div class="product-image-wrapper">
  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.         {% if product.extensions.alternativeCover|length > 0 %}
  39.             {% set altImage = product.extensions.alternativeCover.cover %}
  40.         {% endif %}
  42.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  43.            title="{{ name }}">
  44.             <div class="product-image-link position-relative is-{{ displayMode }} {{ altImage is defined ? 'main-image' : '' }}">
  45.                 {% if cover.url %}
  46.                     {% set attributes = {
  47.                         'class': 'product-image is-'~displayMode,
  48.                         'alt': (cover.translated.alt ?: name),
  49.                         'title': (cover.translated.title ?: name)
  50.                     } %}
  52.                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  53.                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  54.                     {% endif %}
  56.                     {% sw_thumbnails 'product-image-thumbnails' with {
  57.                         media: cover,
  58.                         sizes: sizes
  59.                     } %}
  60.                 {% else %}
  61.                     <div class="product-image-placeholder">
  62.                         {% sw_icon 'placeholder' style {
  63.                             'size': 'fluid'
  64.                         } %}
  65.                     </div>
  66.                 {% endif %}
  67.             </div>
  69.             {% if altImage is defined %}
  70.                 <div class="product-image-link is-{{ displayMode }} alt-image">
  71.                     {% set attributes = {
  72.                         'class': 'product-image is-'~displayMode,
  73.                         'alt': (altImage.translated.alt ?: name),
  74.                         'title': (cover.translated.title ?: name)
  75.                     } %}
  77.                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  78.                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  79.                     {% endif %}
  81.                     {% sw_thumbnails 'product-image-thumbnails' with {
  82.                         media: altImage,
  83.                         sizes: 260
  84.                     } %}
  85.                 </div>
  87.             {% endif %}
  88.         </a>
  90.         {% if config('CoeWishlistSw6.config.wishlistButtonOnListing') %}
  91.             {% sw_include '@Storefront/storefront/component/wishlist/button/add-note.html.twig' %}
  92.         {% endif %}
  94.         {% if config('core.cart.wishlistEnabled') %}
  95.             {% block component_product_box_wishlist_action %}
  96.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  97.                     appearance: 'circle',
  98.                     productId: id
  99.                 } %}
  100.             {% endblock %}
  101.         {% endif %}
  103.     </div>
  104. {% endblock %}