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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-minimal.html.twig' %}
  2. {% block component_product_box_image %}
  7.                   
  9.                         <div class="product-image-wrapper">
  10.                             {# fallback if display mode is not set #}
  11.                             {% set displayMode = displayMode ?: 'standard' %}
  13.                             {# set display mode 'cover' for box-image with standard display mode #}
  14.                             {% if layout == 'image' and displayMode == 'standard' %}
  15.                                 {% set displayMode = 'cover' %}
  16.                             {% endif %}
  18.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  19.                                title="{{ name }}"
  20.                                class="product-image-link is-{{ displayMode }}">
  21.                                 {% if cover.url %}
  22.                                     {% set attributes = {
  23.                                         'class': 'product-image is-'~displayMode,
  24.                                         'alt': (cover.translated.alt ?: name),
  25.                                         'title': (cover.translated.title ?: name)
  26.                                     } %}
  28.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  29.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  30.                                     {% endif %}
  32.                                     {% sw_thumbnails 'product-image-thumbnails' with {
  33.                                         media: cover,
  34.                                         sizes: sizes
  35.                                     } %}
  36.                                 {% else %}
  37.                                     <div class="product-image-placeholder">
  38.                                         {% sw_icon 'placeholder' style {
  39.                                             'size': 'fluid'
  40.                                         } %}
  41.                                     </div>
  42.                                 {% endif %}
  44.                             </a>
  45.                             
  47.                             {% if config('core.cart.wishlistEnabled') %}
  48.                                 {% block component_product_box_wishlist_action %}
  49.                                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  50.                                         appearance: 'circle',
  51.                                         productId: id
  52.                                     } %}
  53.                                 {% endblock %}
  54.                             {% endif %}
  56.                         </div>
  57.                     {% endblock %}
  59. {% block component_product_box_info %}
  60.     <div class="product-info">
  62.         
  63.         {% block component_product_box_name %}
  64.             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  65.                class="product-name"
  66.                title="{{ name }}">
  67.                 {{ name }}
  68.             </a>
  69.         {% endblock %}
  70.         
  71.         {% block component_product_box_rating %}
  72.                               {% if config('core.listing.showReview') %}
  73.                                   <div class="product-rating">
  74.                                       {% if product.ratingAverage %}
  75.                                           {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  76.                                               points: product.ratingAverage,
  77.                                               style: 'text-primary'
  78.                                           } %}
  79.                                       {% endif %}
  80.                                   </div>
  81.                               {% endif %}
  82.         {% endblock %}
  83.         
  84.         {% block component_product_box_price %}
  85.             {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  86.         {% endblock %}
  89.         {% block component_product_box_action %}
  90.             {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  91.         {% endblock %}
  92.         
  94.         
  95.     </div>
  96. {% endblock %}