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

Open in your IDE?
  1. {% extends "@Storefront/storefront/component/product/card/box-standard.html.twig" %}
  4. {% block component_product_box_description %}
  6. {% endblock %}
  8. {% block component_product_box_badges %}
  10.     {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  11.     {% if config('core.cart.wishlistEnabled') %}
  12.         {% block component_product_box_wishlist_action_custom %}
  13.             {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  14.                 appearance: 'circle',
  15.                 productId: id
  16.             } %}
  17.         {% endblock %}
  18.     {% endif %}
  19. {% endblock %}
  23.  {% block component_product_box_price %}
  24.  {% endblock %}
  26. {% block component_product_box_variant_characteristics %}
  27. {% endblock %}
  29. {% block component_product_box_action %}
  30.     {% set isListPrice = product.calculatedPrice.listPrice.percentage > 0 %}
  31.     {% set listPrice = product.calculatedPrice.listPrice.price %}
  32.     <div class="flex-grow-1"></div>
  33.     <span class="list-price-line-through">
  34.     {% if isListPrice %}
  35.         {{ "listing.strikePriceText"|trans|sw_sanitize }}          {{ listPrice|currency }}{{ "general.star"|trans|sw_sanitize }}</span>
  36.     {% endif %}
  37.     </span>
  40.     <div class="product-action-wrapper  {% if isListPrice and not displayFrom %} with-list-price{% endif %}">
  41.         {% block component_product_box_price_custom %}
  42.             <div class="product-price-wrapper">
  43.                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  44.             </div>
  45.         {% endblock %}
  47.         {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  48.     </div>
  49. {% endblock %}
  51. {% block component_product_box_rating %}
  52. {% endblock %}
  55. {% block component_product_box_image %}
  56.     <div class="product-image-wrapper">
  57.         {# fallback if display mode is not set #}
  58.         {% set displayMode = displayMode ?: 'standard' %}
  60.         {# set display mode 'cover' for box-image with standard display mode #}
  61.         {% if layout == 'image' and displayMode == 'standard' %}
  62.             {% set displayMode = 'cover' %}
  63.         {% endif %}
  65.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  66.            title="{{ name }}"
  67.            class="position-relative product-image-link is-{{ displayMode }}">
  68.             {% if cover.url %}
  69.                 {% set attributes = {
  70.                     'class': 'product-image is-'~displayMode,
  71.                     'alt': (cover.translated.alt ?: name),
  72.                     'title': (cover.translated.title ?: name)
  73.                 } %}
  75.                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  76.                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  77.                 {% endif %}
  79.                 {% set secondCoverId = product.customFields.custom_second_product_cover_image %}
  80.                 {% if secondCoverId %}
  81.                     {% set media = searchMedia([secondCoverId], context.context) %}
  82.                     {% set secondCover = media.get(product.customFields.custom_second_product_cover_image) %}
  83.                 {% endif %}
  85.                 {% if secondCover %}
  87.                     {% sw_thumbnails 'product-image-thumbnails' with {
  88.                         media: secondCover,
  89.                         sizes: {
  90.                             'xs': '501px',
  91.                             'sm': '315px',
  92.                             'md': '427px',
  93.                             'lg': '333px',
  94.                             'xl': '284px'
  95.                         },
  96.                         attributes:{
  97.                             'class':'product-image is-standard second-cover'
  98.                         }
  99.                     } %}
  100.                 {% endif %}
  102.                 {% sw_thumbnails 'product-image-thumbnails' with {
  103.                     media: cover,
  104.                     sizes: {
  105.                         'xs': '501px',
  106.                         'sm': '315px',
  107.                         'md': '427px',
  108.                         'lg': '333px',
  109.                         'xl': '284px'
  110.                     }
  111.                 } %}
  113.             {% else %}
  114.                 <div class="product-image-placeholder">
  115.                     {% sw_icon 'placeholder' style {
  116.                         'size': 'fluid'
  117.                     } %}
  118.                 </div>
  119.             {% endif %}
  120.         </a>
  122.         {% if config('core.cart.wishlistEnabled') %}
  123.             {% block component_product_box_wishlist_action %}
  124.             {% endblock %}
  125.         {% endif %}
  127.     </div>
  128. {% endblock %}