custom/static-plugins/LdsWintercornTheme/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_image %}
  4.     <div class="product-image-wrapper">
  5.         {% if config('core.cart.wishlistEnabled') %}
  6.             {% block component_product_box_wishlist_action %}
  7.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  8.                                         appearance: 'circle',
  9.                                         productId: id
  10.                                     } %}
  11.             {% endblock %}
  12.         {% endif %}
  14.         {# fallback if display mode is not set #}
  15.         {% set displayMode = displayMode ?: 'standard' %}
  17.         {# set display mode 'cover' for box-image with standard display mode #}
  18.         {% if layout == 'image' and displayMode == 'standard' %}
  19.             {% set displayMode = 'cover' %}
  20.         {% endif %}
  22.         {% block component_product_box_image_link %}
  23.             <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}" title="{{ name }}" class="product-image-link is-{{ displayMode }}">
  24.                 {% block component_product_box_image_link_inner %}
  25.                     {% if cover.url %}
  26.                         {% set attributes = {
  27.                                                 'class': 'product-image is-'~displayMode,
  28.                                                 'alt': (cover.translated.alt ?: name),
  29.                                                 'title': (cover.translated.title ?: name)
  30.                                             } %}
  32.                         {% if displayMode == 'cover' or displayMode == 'contain' %}
  33.                             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  34.                         {% endif %}
  36.                         {% block component_product_box_image_thumbnail %}
  37.                             {% sw_thumbnails 'product-image-thumbnails' with {
  38.                                                     media: cover,
  39.                                                     sizes: sizes
  40.                                                 } %}
  41.                         {% endblock %}
  42.                     {% else %}
  43.                         {% block component_product_box_image_placeholder %}
  44.                             <div class="product-image-placeholder">
  45.                                 {% sw_icon 'placeholder' style {
  46.                                                         'size': 'fluid'
  47.                                                     } %}
  48.                             </div>
  49.                         {% endblock %}
  50.                     {% endif %}
  51.                 {% endblock %}
  52.             </a>
  53.         {% endblock %}
  56.     </div>
  57. {% endblock %}
  59. {% block component_product_box_variant_characteristics %}{% endblock %}
  61. {% block component_product_box_description %}{% endblock %}