custom/plugins/theme/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. {# add lazy load and hover img #}
  4. {% block component_product_box_image_link_inner %}
  5.     {% if cover.url %}
  6.         {% set hoverImg = false %}
  7.         {% set hoverImgSrc = '' %}
  8.         {% if product.customFields.doncarne_product_custom_fields_listing_hover_img %}
  9.             {% set hoverImgId = product.customFields.doncarne_product_custom_fields_listing_hover_img %}
  10.             {% if context.context is defined %}
  11.                 {% set mediaCollection = searchMedia([hoverImgId], context.context) %}
  12.                 {% set media = mediaCollection.get(hoverImgId) %}
  13.             {% elseif context is defined %}
  14.                 {% set mediaCollection = searchMedia([hoverImgId], context) %}
  15.                 {% set media = mediaCollection.get(hoverImgId) %}
  16.             {% else %}
  17.                 {% for mediaItem in product.media %}
  18.                     {% if mediaItem.media.id == hoverImgId %}
  19.                         {% set media = mediaItem.media %}
  20.                     {% endif %}
  21.                 {% endfor %}
  22.             {% endif %}
  23.             
  24.             {% if media and media.url %}
  25.                 {% set hoverImgSrc = media.url %}
  26.                 {% set hoverImg = true %}
  27.             {% endif %}
  28.         {% endif %}
  30.         {% set attributes = {
  31.             'class': 'product-image is-'~displayMode,
  32.             'alt': (cover.translated.alt ?: name),
  33.             'title': (cover.translated.title ?: name),
  34.             'loading': 'lazy',
  35.             'data-hover-img': hoverImg ? '1' : '0',
  36.             'data-hover-img-source': hoverImgSrc
  37.         } %}
  39.         {% if displayMode == 'cover' or displayMode == 'contain' %}
  40.             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  41.         {% endif %}
  43.         {% block component_product_box_image_thumbnail %}
  44.            {{ parent() }}
  45.         {% endblock %}
  46.     {% else %}
  47.         {% block component_product_box_image_placeholder %}
  48.             <div class="product-image-placeholder product-image is-standard">
  49.                 {% sw_icon 'placeholder' style {
  50.                     'size': 'fluid'
  51.                 } %}
  52.             </div>
  53.         {% endblock %}
  54.     {% endif %}
  55. {% endblock %}
  57. {% block component_product_box_wishlist_action %}
  58.     {# Wishlist Button wurde in den card-body verschoben - dieser Block bleibt leer #}
  59. {% endblock %}
  61. {% block component_product_box_info %}
  62.     {# Add product number reference -- used in app/storefront/src/js/product-listing-rating.plugin.js && controller url #}
  63.     <div class="product-info">
  64.         {% block component_product_box_name %}
  65.             {{ parent() }}
  66.             <a
  67.                 data-rating-url="{{ path('frontend.product.rating', {'productNumber': product.productNumber }) }}"
  68.                 href="{{ seoUrl('frontend.detail.page', {'productId': product.id}) }}#review-tab-pane"
  69.             ></a>
  71.             {% if product.getExtension("doncarneCutProperties").all()|first %}
  72.                 {% sw_include '@Storefront/solution360/cut-product-property-image.html.twig' with {media: product.getExtension("doncarneCutProperties").all()|first.media} only %}
  73.             {% endif %}
  75.             <span class="product-unit-label">
  76.                 {% if product.purchaseUnit %}
  77.                     {{ "listing.boxUnitLabel"|trans|sw_sanitize }} {{product.purchaseUnit}} {{product.unit.translated.name}}
  78.                 {% endif %}
  79.                 {% if product.translated.packUnit %}
  80.                     {% if product.purchaseUnit %}, {% endif %}{{product.translated.packUnit}}
  81.                 {% endif %}
  82.             </span>
  83.         {% endblock %}
  85.         {% block component_product_box_rating %}
  86.             {% if config('core.listing.showReview') %}
  87.                 <div class="product-rating">
  88.                     {% if true or product.ratingAverage %}
  89.                         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  90.                             points: product.ratingAverage,
  91.                             style: 'text-primary'
  92.                         } %}
  93.                         <span class="point-rating__details">{{product.ratingAverage}}/5.00</span>
  94.                     {% endif %}
  95.                 </div>
  96.             {% endif %}
  97.         {% endblock %}
  99.         {% block component_product_box_variant_characteristics %}
  100.             {% sw_include '@Storefront/solution360/product-usps-listing.html.twig' with { product: product }%}
  101.         {% endblock %}
  103.         {% block component_product_box_description %}
  104.         {% endblock %}
  106.         <div class="product-price-wishlist-wrapper">
  107.             {% block component_product_box_price %}
  108.                 {{ parent() }}
  109.             {% endblock %}
  111.             {# Wishlist Button neben dem Preis #}
  112.             {% block component_product_box_wishlist_action_inline %}
  113.                 {# CoeWishlistSw6 Plugin #}
  114.                 {% if config('CoeWishlistSw6.config.wishlistButtonOnListing') %}
  115.                     {% sw_include '@Storefront/storefront/component/wishlist/button/add-note.html.twig'
  116.                         with {
  117.                             additionalClass: 'product-card__wishlist-btn wishlist-inline'
  118.                         }
  119.                     %}
  120.                 {# Standard Shopware Wishlist #}
  121.                 {% elseif config('core.cart.wishlistEnabled') %}
  122.                     {% if controllerName !== "Wishlist" %}
  123.                         {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  124.                             appearance: 'circle',
  125.                             productId: id,
  126.                             additionalClass: 'wishlist-inline'
  127.                         } %}
  128.                     {% else %}
  129.                         {# on wishlist page: show remove button #}
  130.                         <div class="product-wishlist product-wishlist-remove wishlist-inline">
  131.                             {% block component_product_wishlist_remove_form_inline %}
  132.                                 {% set size = size ?? 'md' %}
  134.                                 <form action="{{ path('frontend.wishlist.product.delete', {'id': id}) }}"
  135.                                         method="post"
  136.                                         class="product-wishlist-form"
  137.                                         data-form-csrf-handler="true">
  139.                                     {% block component_product_box_wishlist_remove_csrf_inline %}
  140.                                         {{ sw_csrf('frontend.wishlist.product.delete') }}
  141.                                     {% endblock %}
  143.                                     {% block component_product_wishlist_remove_redirect_inline %}
  144.                                         <input type="hidden"
  145.                                                 name="redirectTo"
  146.                                                 value="frontend.wishlist.page"/>
  147.                                     {% endblock %}
  149.                                     {% block component_product_wishlist_remove_submit_inline %}
  150.                                         <button type="submit" class="btn product-wishlist-btn product-wishlist-btn-remove">
  151.                                             {% sw_icon 'x' style { 'class': 'icon-wishlist icon-wishlist-remove', 'size': size, 'pack': 'solid' } %}
  152.                                         </button>
  153.                                     {% endblock %}
  154.                                 </form>
  155.                             {% endblock %}
  156.                         </div>
  157.                     {% endif %}
  158.                 {% endif %}
  159.             {% endblock %}
  160.         </div>
  162.         {# % sw_include '@Storefront/solution360/special-product-properties.html.twig' with {specialProperties: product.getExtension("doncarneSpecialProperties").all()} % #}
  164.         {% block component_product_box_action %}
  165.         {% endblock %}
  167.     </div>
  168. {% endblock %}