custom/plugins/ApoShop/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 displayParent = product.variantListingConfig.displayParent and product.parentId === null %}
  9.         <div class="card product-box box-{{ layout }}">
  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.                         {# @deprecated tag:v6.5.0 - Block will be removed completely including the template it references #}
  18.                         {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}
  19.                     {% endblock %}
  21.                     {% block component_product_box_image %}
  22.     <div class="product-image-wrapper">
  23.         {# fallback if display mode is not set #}
  24.         {% set displayMode = displayMode ?: 'standard' %}
  25.         {# set display mode 'cover' for box-image with standard display mode #}
  26.         {% if layout == 'image' and displayMode == 'standard' %}
  27.             {% set displayMode = 'cover' %}
  28.         {% endif %}
  30.         {% block component_product_box_image_link %}
  31.             <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}"
  32.                title="{{ name }}"
  33.                class="product-image-link is-{{ displayMode }}">
  35.                 {% block component_product_box_image_link_inner %}
  36.                     {% set thumbUrl = 'https://shopware.c-2158.maxcluster.net/thumbnail/' ~ product.productNumber ~ '.jpg' %}
  38.                     <img src="{{ thumbUrl }}"
  39.                          alt="{{ name }}"
  40.                          title="{{ name }}"
  41.                          class="product-image is-{{ displayMode }} img-fluid"
  42.                          style="object-fit:{{ displayMode }}; width:100%; height:100%;"
  43.                          loading="lazy"
  44.                          onload="this.style.display='block';"
  45.                          onerror="this.style.display='none';">
  46.                 {% endblock %}
  47.             </a>
  48.         {% endblock %}
  50.         {% if config('core.cart.wishlistEnabled') %}
  51.             {% block component_product_box_wishlist_action %}
  52.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  53.                     appearance: 'circle',
  54.                     productId: id
  55.                 } %}
  56.             {% endblock %}
  57.         {% endif %}
  58.     </div>
  59. {% endblock %}
  61.                     {% block component_product_box_info %}
  62.                         <div class="product-info">
  63.                             {% block component_product_box_rating %}
  64.                                 {% if config('core.listing.showReview') %}
  65.                                     <div class="product-rating">
  66.                                         {% if product.ratingAverage %}
  67.                                             {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  68.                                                 points: product.ratingAverage,
  69.                                                 style: 'text-primary'
  70.                                             } %}
  71.                                         {% endif %}
  72.                                     </div>
  73.                                 {% endif %}
  74.                             {% endblock %}
  76.                             {% block component_product_box_name %}
  77.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  78.                                    class="product-name"
  79.                                    title="{{ name }}">
  80.                                     {{ name }}
  81.                                 </a>
  82.                             {% endblock %}
  84.                             {# {% block component_product_box_variant_characteristics %}
  85.                                 <div class="product-variant-characteristics">
  86.                                     <div class="product-variant-characteristics-text">
  87.                                         {% if not displayParent %}
  88.                                             {% for variation in product.variation %}
  89.                                                 {{ variation.group }}:
  90.                                                 <span class="product-variant-characteristics-option">
  91.                                                     {{ variation.option }}
  92.                                                 </span>
  94.                                                 {% if product.variation|last != variation %}
  95.                                                     {{ " | " }}
  96.                                                 {% endif %}
  97.                                             {% endfor %}
  98.                                         {% endif %}
  99.                                     </div>
  100.                                 </div>
  101.                             {% endblock %} #}
  103.                             {# {% block component_product_box_description %}
  104.                                 <div class="product-description">
  105.                                     {{ product.translated.description|striptags|raw }}
  106.                                 </div>
  107.                             {% endblock %} #}
  109.                             {% block component_product_box_price %}
  110.                                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  111.                             {% endblock %}
  113.                             {% block component_product_box_action %}
  114.                                 {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  115.                             {% endblock %}
  116.                         </div>
  117.                     {% endblock %}
  118.                 </div>
  119.             {% endblock %}
  120.         </div>
  121.     {% endif %}
  122. {% endblock %}