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

Open in your IDE?
  1. {% block component_product_box %}
  2.     {% if product %}
  3.         {% set name = product.translated.name %}
  4.         {% set id = product.id %}
  5.         {% set cover = product.cover.media %}
  6.         {% set variation = product.variation %}
  7.         {% set discount = product.calculatedPrice.listPrice.discount %}
  9.         <div class="card product-box box-{{ layout }} {% if product.customFields.product_custom_fields_subscription == true %} has-subscription {% endif %}">
  10.             {% block component_product_box_content %}
  11.                 <div class="card-body" data-delivery-id="{{ product.deliveryTimeId }}" data-product-type="{{ product.customFields.product_custom_fields_subscription_productType }}">
  12.                     {#{% if product.customFields.product_custom_fields_subscription == true and product.restockTime <= 10 %}#}
  13.                     {% if product.customFields.product_custom_fields_subscription == true and product.customFields.product_custom_fields_subscription_productType != 'ACCESSORY' and product.customFields.product_custom_fields_subscription_monthlyPriceGross > 0 %}
  14.                         <div class="abo-badge {% if product.customFields.product_custom_fields_batch_protect == true %} second-level {% endif %}">
  15.                             <img src="{{ asset('assets/images/badge_abo.svg', "@AmMacTrade") }}" alt="Abo" height="50" width="50">
  16.                         </div>
  17.                     {% endif %}
  18.                     {% if product.customFields.product_custom_fields_batch_protect == true %}
  19.                         <div class="protect-badge">
  20.                             {{ "component.promotion.protect-badge"|trans|raw }}
  21.                         </div>
  22.                     {% endif %}
  23.                     {% if discount and context.salesChannel.id !='45be9f42765d42e8ae1137d1812040f4' and context.salesChannel.id !='4faca3b6a7f149cea7ade06ee340ce19' %}
  24.                         <div class="discount">
  25.                             {{ discount|currency }}
  26.                         </div>
  27.                     {% endif %}
  28.                     {% if context.salesChannel.id =='45be9f42765d42e8ae1137d1812040f4' or context.salesChannel.id =='4faca3b6a7f149cea7ade06ee340ce19' %}
  29.                         
  30.             {% if product.calculatedPrices.count > 0 %}
  31.             <div class="discount">
  32. {% set realm = product.calculatedPrices.last %}
  35.             {{ realm.listPrice.discount|currency }}
  36.         </div>
  37.         {% endif %}
  38.         
  39.                     {% endif %}
  40.                     {% block component_product_box_badges %}
  41.                         {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  42.                     {% endblock %}
  44.                     {% block component_product_box_rich_snippets %}
  45.                         {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}
  46.                     {% endblock %}
  48.                     {% block component_product_box_image %}
  49.                         <div class="product-image-wrapper">
  50.                             {# fallback if display mode is not set #}
  51.                             {% set displayMode = displayMode ?: 'standard' %}
  53.                             {# set display mode 'cover' for box-image with standard display mode #}
  54.                             {% if layout == 'image' and displayMode == 'standard' %}
  55.                                 {% set displayMode = 'cover' %}
  56.                             {% endif %}
  58.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  59.                                title="{{ name }}"
  60.                                class="product-image-link is-{{ displayMode }}">
  61.                                 {% if cover.url %}
  62.                                     {% set attributes = {
  63.                                         'class': 'product-image is-'~displayMode,
  64.                                         'alt': (cover.translated.alt ?: name),
  65.                                         'title': (cover.translated.title ?: name)
  66.                                     } %}
  68.                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  69.                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  70.                                     {% endif %}
  72.                                     {% sw_thumbnails 'product-image-thumbnails' with {
  73.                                         media: cover,
  74.                                         sizes: {
  75.                                             'xs': '501px',
  76.                                             'sm': '315px',
  77.                                             'md': '427px',
  78.                                             'lg': '333px',
  79.                                             'xl': '284px'
  80.                                         }
  81.                                     } %}
  82.                                 {% else %}
  83.                                     <div class="product-image-placeholder">
  84.                                         {% sw_icon 'placeholder' style {
  85.                                             'size': 'fluid'
  86.                                         } %}
  87.                                     </div>
  88.                                 {% endif %}
  89.                             </a>
  91.                             {% if config('core.cart.wishlistEnabled') %}
  92.                                 {% block component_product_box_wishlist_action %}
  93.                                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  94.                                         appearance: 'circle',
  95.                                         productId: id
  96.                                     } %}
  97.                                 {% endblock %}
  98.                             {% endif %}
  100.                         </div>
  101.                     {% endblock %}
  103.                     {% block component_product_box_info %}
  104.                         <div class="product-info">
  105.                             {% block component_product_box_rating %}
  106.                                 {% if config('core.listing.showReview') %}
  107.                                     <div class="product-rating">
  108.                                         {% if product.ratingAverage %}
  109.                                             {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  110.                                                 points: product.ratingAverage,
  111.                                                 style: 'text-primary'
  112.                                             } %}
  113.                                         {% endif %}
  114.                                     </div>
  115.                                 {% endif %}
  116.                             {% endblock %}
  118.                             {% block component_product_box_name %}
  119.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  120.                                    class="product-name"
  121.                                    title="{{ name }}">
  122.                                     {{ name }}
  123.                                 </a>
  124.                             {% endblock %}
  126.                             {% block component_product_box_variant_characteristics %}
  127.                                 <div class="product-variant-characteristics">
  128.                                     <div class="product-variant-characteristics-text">
  129.                                         {% for variation in product.variation %}
  130.                                             {{ variation.group }}:
  131.                                             <span class="product-variant-characteristics-option">
  132.                                                 {{ variation.option }}
  133.                                             </span>
  135.                                             {% if product.variation|last != variation %}
  136.                                                 {{ " | " }}
  137.                                             {% endif %}
  138.                                         {% endfor %}
  139.                                     </div>
  140.                                 </div>
  141.                             {% endblock %}
  143.                             {% block component_product_box_description %}
  144.                                 <div class="product-description">
  145.                                     {{ product.translated.description|striptags|raw }}
  146.                                 </div>
  147.                             {% endblock %}
  149.                             {% block component_product_box_price %}
  150.                                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  151.                             {% endblock %}
  153.                             {% block component_product_box_action %}
  154.                                 {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  155.                             {% endblock %}
  158.                         </div>
  159.                     {% endblock %}
  160.                 </div>
  161.             {% endblock %}
  162.         </div>
  163.     {% endif %}
  164. {% endblock %}