custom/plugins/zenitPlatformStratus/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_name %}
  4.     {% if theme_config('zen-product-listing-card-ordernumber') == 'prepend' and product.productNumber %}
  5.         <div class="product-ordernumber">{{ product.productNumber }}</div>
  6.     {% endif %}
  8.     {{ parent() }}
  10.     {% if theme_config('zen-product-listing-card-ordernumber') == 'append' and product.productNumber %}
  11.         <div class="product-ordernumber">{{ product.productNumber }}</div>
  12.     {% endif %}
  13. {% endblock %}
  15. {% block component_product_box_image %}
  17.     {# fallback if display mode is not set #}
  18.     {% set displayMode = displayMode ?: 'standard' %}
  20.     {# set display mode 'cover' for box-image with default display mode #}
  21.     {% if layout == 'image' and displayMode == 'standard' %}
  22.         {% set displayMode = 'cover' %}
  23.     {% endif %}
  25.     <div class="product-image-wrapper is-{{ displayMode }}">
  27.         {% block component_product_box_image_link %}
  28.             <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}"
  29.                title="{{ name }}"
  30.                class="product-image-link is-{{ displayMode }}">
  31.                 {% block component_product_box_image_link_inner %}
  32.                     {% if cover.url %}
  33.                         {% set attributes = {
  34.                             'class': 'product-image is-'~displayMode,
  35.                             'alt': (cover.translated.alt ?: name),
  36.                             'title': (cover.translated.title ?: name)
  37.                         } %}
  39.                         {% if displayMode == 'cover' or displayMode == 'contain' %}
  40.                             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  41.                         {% endif %}
  43.                         {# ... enables lazy loading for images #}
  44.                         {% if config('zenitPlatformStratus.config.lazyloading') and element.type is not same as ('product-slider') %}
  45.                             {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  46.                         {% endif %}
  48.                         {% block component_product_box_image_thumbnail %}
  49.                             {% sw_thumbnails 'product-image-thumbnails' with {
  50.                                 media: cover,
  51.                                 sizes: sizes
  52.                             } %}
  53.                         {% endblock %}
  54.                     {% else %}
  55.                         {% block component_product_box_image_placeholder %}
  56.                             <div class="product-image-placeholder">
  57.                                 {% sw_icon 'placeholder' style {
  58.                                     'size': 'fluid'
  59.                                 } %}
  60.                             </div>
  61.                         {% endblock %}
  62.                     {% endif %}
  64.                     {% block zen_component_product_box_image_switch %}
  65.                         {% sw_include '@zenitPlatformStratus/storefront/component/product/card/zen-cover-switch.html.twig' %}
  66.                     {% endblock %}
  67.                 {% endblock %}
  68.             </a>
  69.         {% endblock %}
  71.         {% block zen_component_product_box_overlay_product_actions %}
  72.             <div class="overlay-product-actions">
  73.                 {% block zen_component_product_box_overlay_product_actions_inner %}
  74.                     {% if config('core.cart.wishlistEnabled') %}
  75.                         {% block component_product_box_wishlist_action %}
  76.                             {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  77.                                 appearance: 'circle',
  78.                                 productId: id,
  79.                                 tooltip: true,
  80.                                 tooltipPlacement: 'left'
  81.                             } %}
  82.                         {% endblock %}
  83.                     {% endif %}
  85.                     {% if theme_config('zen-product-listing-card-actions-quickview') %}
  86.                         {% block zen_component_product_box_quickview_action %}
  87.                             {% sw_include '@zenitPlatformStratus/storefront/component/product/card/zen-action-quickview-toggle.html.twig' with {
  88.                                 tooltip: true,
  89.                                 tooltipPlacement: 'left'
  90.                             } %}
  91.                         {% endblock %}
  92.                     {% endif %}
  93.                 {% endblock %}
  94.             </div>
  95.         {% endblock %}
  97.         {% block zen_component_product_box_action_overlay_rating %}
  98.             {% if config('core.listing.showReview') and theme_config('zen-product-listing-card-rating-position') is not same as ('default') %}
  100.                 <div class="product-rating">
  101.                     {% if product.ratingAverage %}
  102.                         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  103.                             points: product.ratingAverage,
  104.                             style: 'text-primary'
  105.                         } %}
  106.                     {% endif %}
  107.                 </div>
  108.             {% endif %}
  109.         {% endblock %}
  111.         {% block zen_component_product_box_action_overlay %}
  112.             {% if theme_config('zen-product-listing-card-actions') is same as ('overlay') %}
  113.                 {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  114.             {% endif %}
  115.         {% endblock %}
  116.     </div>
  117. {% endblock %}
  119. {% block component_product_box_rating %}
  120.     {% if theme_config('zen-product-listing-card-rating-position') is same as ('default') %}
  121.         {{ parent() }}
  122.     {% endif %}
  123. {% endblock %}
  125. {% block component_product_box_variant_characteristics %}
  126.     {% if theme_config('zen-product-listing-card-variant-characteristics') %}
  127.         {{ parent() }}
  128.     {% endif %}
  129. {% endblock %}
  131. {% block component_product_box_description %}
  132.     {% if theme_config('zen-product-listing-card-meta-description') and product.translated.metaDescription|striptags|raw is not empty %}
  133.         <div class="product-description">
  134.             {{ product.translated.metaDescription|striptags|raw }}
  135.         </div>
  136.     {% else %}
  137.         {{ parent() }}
  138.     {% endif %}
  139. {% endblock %}
  141.  {% block component_product_box_action %}
  142.      {% if theme_config('zen-product-listing-card-actions') is not same as ('overlay') %}
  143.          {{ parent() }}
  144.      {% endif %}
  145.  {% endblock %}