custom/plugins/LiamoriaBaseTheme/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.                             {# fallback if display mode is not set #}
  6.                             {% set displayMode = displayMode ?: 'standard' %}
  8.                             {# set display mode 'cover' for box-image with standard display mode #}
  9.                             {% if layout == 'image' and displayMode == 'standard' %}
  10.                                 {% set displayMode = 'cover' %}
  11.                             {% endif %}
  13.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  14.                                title="{{ name }}"
  15.                                class="product-image-link is-{{ displayMode }}">
  16.                                 {% if cover.url %}
  17.                                     {% set attributes = {
  18.                                         'class': 'product-image is-'~displayMode,
  19.                                         'alt': (cover.translated.alt ?: name),
  20.                                         'title': (cover.translated.title ?: name)
  21.                                     } %}
  23.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  24.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  25.                                     {% endif %}
  27.                                     {% sw_thumbnails 'product-image-thumbnails' with {
  28.                                         media: cover,
  29.                                         sizes: {'xs': '501px',
  30.                                                 'sm': '315px',
  31.                                                 'md': '332px',
  32.                                                 'lg': '480px',
  33.                                                 'xl': '480px',}
  34.                                     } %}
  35.                                 {% else %}
  36.                                     <div class="product-image-placeholder">
  37.                                         {% sw_icon 'placeholder' style {
  38.                                             'size': 'fluid'
  39.                                         } %}
  40.                                     </div>
  41.                                 {% endif %}
  42.                             </a>
  44.                             {% if config('core.cart.wishlistEnabled') %}
  45.                                 {% block component_product_box_wishlist_action %}
  46.                                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  47.                                         appearance: 'circle',
  48.                                         productId: id
  49.                                     } %}
  50.                                 {% endblock %}
  51.                             {% endif %}
  53.                         </div>
  54.                     {% endblock %}
  56.                     {% block component_product_box_info %}
  57.                         <div class="product-info">
  58.                             {% block component_product_box_rating %}
  59.                                 {% if config('core.listing.showReview') %}
  60.                                     <div class="product-rating">
  61.                                         {% if product.ratingAverage %}
  62.                                             {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  63.                                                 points: product.ratingAverage,
  64.                                                 style: 'text-primary'
  65.                                             } %}
  66.                                         {% endif %}
  67.                                     </div>
  68.                                 {% endif %}
  69.                             {% endblock %}
  71.                             {% block component_product_box_name %}
  72.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  73.                                    class="product-name"
  74.                                    title="{{ name }}">
  75.                                     "{{ name }}"
  77.                                     {% if product.markAsTopseller or product.isNew %}
  78.                                         {% if product.isNew and not product.markAsTopseller %}
  79.                                             <span class="new-badget">
  80.                                             {{ "listing.boxLabelNew"|trans|sw_sanitize }}
  81.                                             </span>
  82.                                         {% else %}
  83.                                             <span class="new-badget">{{ "listing.boxLabelTopseller"|trans|sw_sanitize }}</span>
  84.                                         {% endif %}
  85.                                     {% endif %}
  86.                                     <span class="product-name-extends">
  87.                                        {{ "listing.productNameExtends"|trans|sw_sanitize }}
  88.                                     </span>
  89.                                 </a>
  90.                             {% endblock %}
  92.                             {% block component_product_box_variant_characteristics %}
  94.                             {% endblock %}
  96.                             {% block component_product_box_description %}
  97.                                 <div class="product-description">
  98.                                     {{ product.translated.description|striptags|raw }}
  99.                                 </div>
  100.                             {% endblock %}
  102.                             {% block component_product_box_price %}
  103.                                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  104.                             {% endblock %}
  106.                             {% block component_product_box_action %}
  107.                             {% endblock %}
  108.                         </div>
  109.                     {% endblock %}