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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block page_product_detail %}
  4.     <div class="product-detail product-detail-design-2025"
  5.             itemscope
  6.             itemtype="https://schema.org/Product">
  7.         {% block page_product_detail_inner %}
  8.             {% block page_product_detail_content %}
  9.                 <div class="product-detail-content">
  10.                     {% block page_product_detail_headline %}
  11.                         <div class="row back-and-share-section justify-content-between">
  12.                             <a href="javascript:history.back()" class="back-button">
  13.                                 <img class="arrow-icon" src="/bundles/tdsorlob/arrows/arrow-left.svg"> zurück
  14.                             </a>
  16.                             <a href="" class="share-button">
  17.                                 <img class="share-icon" src="/bundles/tdsorlob/share.svg">
  18.                             </a>
  19.                         </div>
  20.                     {% endblock %}
  22.                     {% set mediaItems = page.product.media.media %}
  24.                     {% block page_product_detail_main %}
  25.                         <div class="product-info product-info-mobile d-lg-none">
  26.                             <meta itemprop="url"
  27.                                     content="{{ seoUrl('frontend.detail.page', { productId: page.product.id }) }}"/>
  29.                             <h1 class="product-detail-name" itemprop="name">
  30.                                 {{ page.product.translated.name }}
  31.                             </h1>
  33.                             <div class="article-number">
  34.                                 {{ page.product.productNumber }}
  35.                             </div> 
  37.                             <div class="article-description">
  38.                                 Beschreibung:<br>
  39.                                 {{ page.product.translated.description | raw }}
  40.                             </div> 
  41.                         </div> 
  43.                         <div class="row product-detail-main">
  44.                             {% block page_product_detail_media %}
  45.                                 <div class="col-lg-5 product-detail-media">
  46.                                     {% if page.product.media %}
  47.                                         {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  48.                                             'mediaItems': mediaItems,
  49.                                             'zoom': true,
  50.                                             'zoomModal': true,
  51.                                             'displayMode': 'contain',
  52.                                             'gutter': 5,
  53.                                             'minHeight': '430px',
  54.                                             'navigationArrows': 'inside',
  55.                                             'navigationDots': 'inside',
  56.                                             'galleryPosition': 'left',
  57.                                             'isProduct': true,
  58.                                             'fallbackImageTitle': page.product.translated.name,
  59.                                             'startIndexThumbnails': page.product.cover.position + 1,
  60.                                             'startIndexSlider': page.product.cover.position + 1
  61.                                         } %}
  62.                                     {% endif %}
  64.                                     {% if page.product.categoryTree and shopware.config.TdsOrlob.config.salesCategoryId
  65.                                         and shopware.config.TdsOrlob.config.salesCategoryId in page.product.categoryTree %}
  66.                                         <div class="sales-badge">
  67.                                             <img src="{{ asset('assets/sales-badge.png', '@TdsOrlob') }}" alt="Sale" class="sales-badge-icon"/>
  68.                                         </div>
  69.                                     {% endif %}
  71.                                     {% if page.product.categoryTree and shopware.config.TdsOrlob.config.newCategoryId
  72.                                         and shopware.config.TdsOrlob.config.newCategoryId in page.product.categoryTree %}
  73.                                         <div class="new-badge">
  74.                                             <img src="{{ asset('assets/new-badge.png', '@TdsOrlob') }}" alt="New" class="new-badge-icon"/>
  75.                                         </div>
  76.                                     {% endif %}
  77.                                 </div>
  78.                             {% endblock %}
  80.                             {% block page_product_detail_buy %}
  81.                                 <div class="col-lg-4 product-detail-buy">
  82.                                     {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-design-2025.html.twig' %}
  84.                                     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  85.                                         {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs-design-2025.html.twig' with {
  86.                                             crossSellings: page.crossSellings
  87.                                         } %}
  88.                                     {% endif %}
  89.                                 </div>
  90.                             {% endblock %}
  91.                         </div>
  92.                     {% endblock %}
  93.                 </div>
  94.             {% endblock %}
  95.         {% endblock %}
  96.     </div>
  97. {% endblock %}
  99.