custom/plugins/sw-asus/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' %}
  2. {% block component_product_box %}
  3.  {% if product %}
  4.         {% set name = product.translated.name %}
  5.         {% set id = product.id %}
  6.         {% set cover = product.cover.media %}
  7.         {% set variation = product.variation %}
  8.         {% set MoorlProductPromoActive = getPluginStateByName('MoorlProductPromo', context.context) %}
  9.         <div class="card product-box box-{{ layout }} {% if MoorlProductPromoActive and config('MoorlProductPromo.config.inListing') and product.extensions.MoorlProductPromo %} promo-image-class {% endif %}">
  10.             {% block component_product_box_content %}
  11.             <div class="card-body">
  12.                 {% block component_product_box_badges %}
  13.                     {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  14.                 {% endblock %}
  16.                 {% block component_product_box_rich_snippets %}
  17.                     {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}
  18.                 {% endblock %}
  20.                 {% block component_product_box_image %}
  21.                 
  22.                     {% if not sizes is defined %}
  23.                         {% set sizes = {
  24.                             'default' : '200px'
  25.                         } %}
  26.                     {% endif %}
  27.                     <div class="product-image-wrapper">
  28.                         {# fallback if display mode is not set #}
  29.                         {% set displayMode = displayMode ?: 'standard' %}
  31.                         {# set display mode 'cover' for box-image with standard display mode #}
  32.                         {% if layout == 'image' and displayMode == 'standard' %}
  33.                             {% set displayMode = 'cover' %}
  34.                         {% endif %}
  36.                         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  37.                            title="{{ name }}"
  38.                            class="product-image-link is-{{ displayMode }}">
  39.                             {% if cover.url %}
  40.                                 {% set attributes = {
  41.                                     'class': 'product-image is-'~displayMode,
  42.                                     'alt': (cover.translated.alt ?: name),
  43.                                     'title': (cover.translated.title ?: name)
  44.                                 } %}
  46.                                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  47.                                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  48.                                 {% endif %}
  49.                                 {% if load == 'lazy' %}
  50.                                     {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  51.                                 {% endif %}
  52.                                 {% sw_thumbnails 'product-image-thumbnails' with {
  53.                                     media: cover,
  54.                                     sizes: sizes,
  55.                                     load: load
  56.                                 } %}
  57.                             {% else %}
  58.                                 <div class="product-image-placeholder">
  59.                                     {% sw_icon 'placeholder' style {
  60.                                         'size': 'fluid'
  61.                                     } %}
  62.                                 </div>
  63.                             {% endif %}
  64.                         </a>
  66.                         {% if shopware.config.core.cart.wishlistEnabled %}
  67.                             {% block component_product_box_wishlist_action %}
  68.                                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  69.                                     appearance: 'circle',
  70.                                     productId: id
  71.                                 } %}
  72.                             {% endblock %}
  73.                         {% endif %}
  75.                     </div>
  76.                 {% endblock %}
  78.                 {% block component_product_box_info %}
  79.                     <div class="product-info">
  80.                         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  81.                            class="product-name"
  82.                            title="{{ name }}">
  83.                             {{ name }}
  84.                         </a>
  85.                         {% if product.translated.customFields.asus_product_marketing_name_1|trim != "" %}
  86.                             <div class="product-detail-name-subhead category-detail-subhead">{{ product.translated.customFields.asus_product_marketing_name_1|raw }}</div>
  87.                         {% endif %}
  89.                         {% block component_product_box_rating %}
  90.                             {{ parent() }}
  91.                             {% if page.header.activeLanguage.translationCode.code == "de-DE" or app.request.locale == "de-DE" %}
  92.                                 <!-- TrustBox widget - Product Mini -->
  93.                                 <div class="trustpilot-widget" data-locale="de-DE" data-template-id="54d39695764ea907c0f34825"
  94.                                      data-businessunit-id="5dea2794a525f00001f5bc2e" data-style-height="24px" data-style-width="100%"
  95.                                      data-theme="light" data-sku="{{ product.translated.customFields.onedot_asus_product_plenty_variation_id }}" data-star-color="#f8b704" data-text-color="#808080">
  96.                                     <a href="https://de.trustpilot.com/review/webshop.asus.com" target="_blank"
  97.                                        rel="noopener">Trustpilot</a>
  98.                                 </div>
  99.                                 <!-- End TrustBox widget -->
  100.                             {% endif %}
  101.                         {% endblock %}
  103.                         {% block component_product_box_price %}
  104.                             {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  105.                         {% endblock %}
  107.                         {% if MoorlProductPromoActive %}
  108.                             {% if config('MoorlProductPromo.config.inListing') and product.extensions.MoorlProductPromo %}
  109.                                 {% sw_include '@Storefront/plugin/moorl-product-promo/summary-box.html.twig' with {
  110.                                     productPromo: product.extensions.MoorlProductPromo
  111.                                 } %}
  112.                             {% endif %}
  113.                         {% endif %}
  115.                         {% block component_product_box_variant_characteristics %}
  116.                             <div class="product-variant-characteristics">
  117.                                 {% if product.parentId is not same as(null) %}
  118.                                     {% sw_include '@Storefront/storefront/component/product/card/listing-configurator.html.twig' ignore missing %}
  119.                                 {% endif %}
  120.                             </div>
  121.                         {% endblock %}
  123.                         {% block component_product_box_description %}
  124.                             {% if product.translated.customFields.onedot_asus_product_highlight %}
  125.                                 <div class="product-highlight">
  126.                                     {# {{ product.translated.customFields.onedot_asus_product_highlight|raw }} #}
  127.                                 </div>
  128.                             {% endif %}
  129.                         {% endblock %}
  131.                         {% if page.header.activeLanguage.translationCode.code == "de-DE"  or app.request.locale == "de-DE" %}
  132.                             {% block component_product_box_usp %}
  133.                                 {% if product.translated.customFields.plentymarkets_bulletpoints|raw and product.translated.customFields.plentymarkets_bulletpoints|raw != '&nbsp;' and product.translated.customFields.plentymarkets_bulletpoints|raw != ' ' %}
  134.                                     <div class="product-highlight">
  135.                                         {# {{ product.translated.customFields.plentymarkets_bulletpoints|raw }} #}
  136.                                     </div>
  137.                                 {% endif %}
  138.                             {% endblock %}
  139.                         {% endif %}
  141.                         {% block component_product_box_action %}
  142.                          {% set isAvailable = product.availableStock > 0 %}
  143.                             {% set displayFrom = product.calculatedPrices.count > 1 %}
  144.                             {% set displayBuyButton = isAvailable %}
  145.                             <div class="d-flex">
  146.                                 <div class="text-nowrap product-availability-text" style={% if displayBuyButton and config('core.listing.allowBuyInListing') %} "color: #018a01;" {% else %} "color: #8a6100;" {% endif %} >
  147.                                 {% if displayBuyButton and config('core.listing.allowBuyInListing') %}
  148.                                     {{ "listing.boxProductInStock"|trans|sw_sanitize }}
  149.                                 {% else %}
  150.                                     {{ "listing.boxProductNotInStock"|trans|sw_sanitize }}
  151.                                 {% endif %}
  152.                                 </div>
  153.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  154.                                     class="btn btn-block btn-link"
  155.                                     title="{{ "listing.boxProductDetails"|trans|striptags }}">
  156.                                     {{ "listing.boxProductDetails"|trans|sw_sanitize }}
  157.                                     {% sw_icon 'atoms-arrow-medium-right' style {'pack':'default', 'size': 'xs'} %}
  158.                                 </a>
  159.                             </div>
  160.                             {{ parent() }}
  161.                         {% endblock %}
  162.                     </div>
  163.                 {% endblock %}
  164.                     </div>
  165.             {% endblock %}
  166.         </div>
  167.     {% endif %}
  168. {% endblock %}