custom/plugins/ApoShop/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_head %}
  4.     {% sw_include '@Storefront/storefront/page/product-detail/meta.html.twig' %}
  5. {% endblock %}
  7. {% block base_content %}
  8.     {% block page_product_detail %}
  10.         <div class="product-detail"
  11.              itemscope
  12.              itemtype="https://schema.org/Product">
  13.             {% block page_product_detail_inner %}
  14.                 {% block page_product_detail_content %}
  15.                     <div class="product-detail-content">
  16.                         {% block page_product_detail_headline %}
  17.                             <div class="row align-items-center product-detail-headline">
  18.                                 {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  19.                             </div>
  20.                         {% endblock %}
  22.                         {% set mediaItems = page.product.media.media %}
  23.                         {% block page_product_detail_main %}
  24.                             <div class="row product-detail-main">
  25.                                 {% block page_product_detail_media %}
  26.     <div class="col-lg-7 product-detail-media position-relative" style="min-height:430px;">
  28.         {% set thumbUrl = 'https://shopware.c-2158.maxcluster.net/thumbnail/' ~ page.product.productNumber ~ '.jpg' %}
  30.         <img src="{{ thumbUrl }}"
  31.              alt="{{ page.product.translated.name }}"
  32.              class="img-fluid"
  33.              style="object-fit:contain; width:100%; height:100%;"
  34.              loading="lazy"
  35.              onload="this.style.display='block';"
  36.              onerror="this.style.display='none';">
  38.     </div>
  39. {% endblock %}
  41.                                 {% block page_product_detail_buy %}
  42.                                     <div class="col-lg-5 product-detail-buy">
  43.                                         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  44.                                     </div>
  45.                                 {% endblock %}
  46.                             </div>
  47.                         {% endblock %}
  48.                     </div>
  49.                 {% endblock %}
  51.                 {% block page_product_detail_tabs %}
  52.                     <div class="product-detail-tabs">
  53.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  54.                     </div>
  55.                 {% endblock %}
  57.                 {% block page_product_detail_cross_selling %}
  58.                     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  59.                         <div class="product-detail-tabs product-detail-cross-selling">
  60.                             {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  61.                                 crossSellings: page.crossSellings
  62.                             } %}
  63.                         </div>
  64.                     {% endif %}
  65.                 {% endblock %}
  66.             {% endblock %}
  67.         </div>
  68.     {% endblock %}
  69. {% endblock %}