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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box.html.twig' %}
  3. {# add lazy load and hover img to generic box template #}
  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.     {# default shopware only if plugin not active #}
  59.     {% if not config('CoeWishlistSw6.config.wishlistButtonOnListing') %}
  60.         {% if controllerName !== "Wishlist" %}
  61.             {{ parent() }}
  62.             {# on wishlist page: show remove button #}
  63.         {% else %}
  64.             <div class="product-wishlist product-wishlist-remove">
  65.                 {% block component_product_wishlist_remove_form %}
  66.                     {% set size = size ?? 'md' %}
  68.                     <form action="{{ path('frontend.wishlist.product.delete', {'id': id}) }}"
  69.                             method="post"
  70.                             class="product-wishlist-form"
  71.                             data-form-csrf-handler="true">
  73.                         {% block component_product_box_wishlist_remove_csrf %}
  74.                             {{ sw_csrf('frontend.wishlist.product.delete') }}
  75.                         {% endblock %}
  77.                         {% block component_product_wishlist_remove_redirect %}
  78.                             <input type="hidden"
  79.                                     name="redirectTo"
  80.                                     value="frontend.wishlist.page"/>
  81.                         {% endblock %}
  83.                         {% block component_product_wishlist_remove_submit %}
  84.                             <button type="submit" class="btn product-wishlist-btn product-wishlist-btn-remove">
  85.                                 {% sw_icon 'x' style { 'class': 'icon-wishlist icon-wishlist-remove', 'size': size, 'pack': 'solid' } %}
  86.                             </button>
  87.                         {% endblock %}
  88.                     </form>
  89.                 {% endblock %}
  90.             </div>
  91.         {% endif %}
  92.     {% endif %}
  93. {% endblock %}
  95. {% block component_product_box_info %}
  96.     {# Add product number reference -- used in app/storefront/src/js/product-listing-rating.plugin.js && controller url #}
  97.     <div class="product-info">
  98.         {% block component_product_box_name %}
  99.             {{ parent() }}
  100.             <a
  101.                 data-rating-url="{{ path('frontend.product.rating', {'productNumber': product.productNumber }) }}"
  102.                 href="{{ seoUrl('frontend.detail.page', {'productId': product.id}) }}#review-tab-pane"
  103.             ></a>
  105.             {% if product.getExtension("doncarneCutProperties").all()|first %}
  106.                 {% sw_include '@Storefront/solution360/cut-product-property-image.html.twig' with {media: product.getExtension("doncarneCutProperties").all()|first.media} only %}
  107.             {% endif %}
  109.             <span class="product-unit-label">
  110.                 {% if product.purchaseUnit %}
  111.                     {{ "listing.boxUnitLabel"|trans|sw_sanitize }} {{product.purchaseUnit}} {{product.unit.translated.name}}
  112.                 {% endif %}
  113.                 {% if product.translated.packUnit %}
  114.                     {% if product.purchaseUnit %}, {% endif %}{{product.translated.packUnit}}
  115.                 {% endif %}
  116.             </span>
  117.         {% endblock %}
  119.         {% block component_product_box_rating %}
  120.             {% if config('core.listing.showReview') %}
  121.                 <div class="product-rating">
  122.                     {% if true or product.ratingAverage %}
  123.                         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  124.                             points: product.ratingAverage,
  125.                             style: 'text-primary'
  126.                         } %}
  127.                         <span class="point-rating__details">{{product.ratingAverage}}/5.00</span>
  128.                     {% endif %}
  129.                 </div>
  130.             {% endif %}
  131.         {% endblock %}
  133.         {% block component_product_box_variant_characteristics %}
  134.             {% sw_include '@Storefront/solution360/product-usps-listing.html.twig' with { product: product }%}
  135.         {% endblock %}
  137.         {% block component_product_box_description %}
  138.         {% endblock %}
  140.         {% block component_product_box_price %}
  141.             {{ parent() }}
  142.         {% endblock %}
  144.         {# % sw_include '@Storefront/solution360/special-product-properties.html.twig' with {specialProperties: product.getExtension("doncarneSpecialProperties").all()} % #}
  146.         {% block component_product_box_action %}
  147.         {% endblock %}
  149.         {# this block depends on whether or not third party plugin installed #}
  150.         {% if config('CoeWishlistSw6.config.wishlistButtonOnListing') %}
  151.             {# CoeWishlistSw6 is active and adjusted #}
  152.             {% sw_include '@Storefront/storefront/component/wishlist/button/add-note.html.twig'
  153.                 with {
  154.                     additionalClass: 'product-card__wishlist-btn'
  155.                 }
  156.             %}
  157.         {% endif %}
  158.     </div>
  159. {% endblock %}