custom/plugins/LogBchange/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' %}
  2. {% block base_flashbags %}
  3.     {{ parent() }}
  4. {% endblock %}
  5. {% block base_main_inner %}
  6.     {% block base_main_container %}
  7.         {{ parent() }}
  8.     {% endblock %}
  9. {% endblock %}
  10. {% if page.product.extensions.landingPageLayout.landingPage %}
  11.     {% set classesForBreadcrumb = 'product-detail-campaign-page' %}
  12.     {% set classDisplayNone = 'display-none' %}
  13. {% endif %}
  14. {% block base_breadcrumb %}
  15.     <div class="breadcrumb cms-breadcrumb container {{ classesForBreadcrumb }}" style="">
  16.         {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  17.             context: context,
  18.             category: page.product.seoCategory,
  19.             pageTitle: page.product.name
  20.         } only %}
  21.         {% if page.product.extensions.landingPageLayout.landingPage %}
  22.             {% block product_program_and_details_switch_links_block %}
  23.                 <div class="product-program-detail-page-switch-container" >
  24.                     <div class="product-program-detail-page-switch-links">
  25.                         <a  id="product-programm-btn" class="nav-link main-navigation-link active">
  26.                             <div class="main-navigation-link-text">
  27.                                 <span itemprop="name">Das Programm</span>
  28.                             </div>
  29.                         </a>
  30.                         <a  id="product-detail-btn" class="nav-link main-navigation-link">
  31.                             <div class="main-navigation-link-text">
  32.                                 <span itemprop="name">Details</span>
  33.                             </div>
  34.                         </a>
  35.                     </div>
  36.                 </div>
  37.             {% endblock %}
  38.         {% endif %}
  39.     </div>
  40.     {# add here landingpage layout #}
  41.     {% block landing_page_of_product_page_block %}
  42.         <div class="landing-page-container" id="landing-page-container">
  43.             {% if page.product.extensions.landingPageLayout.landingPage %}
  44.                 {% block page_content %}
  45.                     <div class="cms-page">
  46.                         {% block page_content_blocks %}
  47.                             {% sw_include "@Storefront/storefront/page/content/detail.html.twig"
  48.                                 with {'cmsPage': page.product.extensions.landingPageLayout.landingPage, 'isProductDetail':true } %}
  49.                         {% endblock %}
  50.                     </div>
  51.                 {% endblock %}
  52.             {% endif %}
  53.         </div>
  54.     {% endblock %}
  55. {% endblock %}
  56. {% block page_product_detail %}
  57.     <div id="product-detail" class="product-detail {{ classDisplayNone }}"
  58.              itemscope
  59.              itemtype="https://schema.org/Product">
  60.             {% block page_product_detail_inner %}
  61.                 {% block page_product_detail_content %}
  62.                     {% set column = page.product.translated.customFields.product_detail_column %}
  63.                     {% set shortDescription = page.product.translated.customFields.product_short_description %}
  64.                     {% if column is null %}
  65.                         {% set column = "2" %}
  66.                     {% endif %}
  67.                     <div class="product-detail-content">
  68.                         <div class="container ">
  69.                             {% block page_product_detail_headline %}
  70.                                 {% if theme_config('log-detail-headline-position') == 'top' %}
  71.                                     <div class="row align-items-center product-detail-headline">
  72.                                         {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  73.                                     </div>
  74.                                 {% endif %}
  75.                             {% endblock %}
  76.                             {% set mediaItems = page.product.media.media %}
  77.                             {% block page_product_detail_main %}
  78.                                 <div class="row product-detail-main">
  79.                                     {% block page_product_detail_media %}
  80.                                         <div class="{% if column == 3 %}col-lg-4{% else %}col-lg-5{% endif %} product-detail-media">
  81.                                             {% if page.product.media %}
  82.                                                 {% if column == 3 %}
  83.                                                     {% set zoomConfig = true %}
  84.                                                 {% else %}
  85.                                                     {% set zoomConfig = false %}
  86.                                                 {% endif %}
  87.                                                 {% if theme_config('log-detail-media-thumbnails-position') == 'bottom' %}
  88.                                                     {% set galleryPositionConfig = 'underneath' %}
  89.                                                 {% else %}
  90.                                                     {% set galleryPositionConfig = 'left' %}
  91.                                                 {% endif %}
  92.                                                 {% if theme_config('log-detail-media-thumbnails-enable') == 0 %}
  93.                                                     {% set thumbnailsConfig = false %}
  94.                                                 {% else %}
  95.                                                     {% set thumbnailsConfig = true %}
  96.                                                 {% endif %}
  97.                                                 {% if theme_config('log-detail-media-navigation-enable') == 0 %}
  98.                                                     {% set navigationArrowsConfig = false %}
  99.                                                 {% else %}
  100.                                                     {% set navigationArrowsConfig = 'inside' %}
  101.                                                 {% endif %}
  102.                                                 {% if theme_config('log-detail-media-paging-enable') == 0 %}
  103.                                                     {% set navigationDotsConfig = false %}
  104.                                                 {% else %}
  105.                                                     {% set navigationDotsConfig = 'inside' %}
  106.                                                 {% endif %}
  107.                                                 {% if column == 3 %}
  108.                                                     {% set minHeightConfig = '420px' %}
  109.                                                 {% else %}
  110.                                                     {% set minHeightConfig = '500px' %}
  111.                                                 {% endif %}
  112.                                                 {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  113.                                                     'mediaItems': mediaItems,
  114.                                                     'zoom': zoomConfig,
  115.                                                     'zoomModal': true,
  116.                                                     'displayMode': 'contain',
  117.                                                     'gutter': 5,
  118.                                                     'minHeight': minHeightConfig,
  119.                                                     'navigationArrows': 'outside',
  120.                                                     'navigationDots': navigationDotsConfig,
  121.                                                     'galleryPosition': galleryPositionConfig,
  122.                                                     'isProduct': true,
  123.                                                     'thumbnails': thumbnailsConfig,
  124.                                                     'fallbackImageTitle': page.product.translated.name,
  125.                                                     'startIndexThumbnails': page.product.cover.position + 1,
  126.                                                     'startIndexSlider': page.product.cover.position + 1
  127.                                                 } %}
  128.                                             {% endif %}
  129.                                         </div>
  130.                                     {% endblock %}
  131.                                     {% block page_product_detail_buy %}
  132.                                         {% if column == 3 %}
  133.                                             <div class="col-lg-4 js-magnifier-zoom-image-container product-detail-mid">
  134.                                                 <div class="product-detail-mid-inner">
  135.                                                     <div class="cube-category">
  136.                                                         {% if customFields.custom_product_fields_digital == 1 %}
  137.                                                             Digital Cube
  138.                                                         {% else %}
  139.                                                             Product Cube
  140.                                                         {% endif %}
  141.                                                     </div>
  142.                                                     {% if theme_config('log-detail-headline-position') == 'buybox' %}
  143.                                                         {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  144.                                                     {% endif %}
  145.                                                     {% if shortDescription and theme_config('log-detail-show-short-description') == 'true' %}
  146.                                                         {% sw_include '@Storefront/storefront/page/product-detail/short-description.html.twig' with {
  147.                                                             shortDescription: page.product.translated.customFields.product_short_description
  148.                                                         } only %}
  149.                                                     {% endif %}
  150.                                                     {% if theme_config('log-detail-buybox-reviews') == 'true' %}
  151.                                                         {% sw_include '@Storefront/storefront/page/product-detail/reviews.html.twig' %}
  152.                                                     {% endif %}
  153.                                                     <div class="product-detail-delivery-information">
  154.                                                         {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  155.                                                     </div>
  156.                                                     {% if page.product.productNumber %}
  157.                                                         <div class="product-detail-ordernumber-container">
  158.                                                             {% block page_product_detail_ordernumber_label %}
  159.                                                                 <span class="product-detail-ordernumber-label">
  160.                                                                     {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  161.                                                                 </span>
  162.                                                             {% endblock %}
  163.                                                             {% block page_product_detail_ordernumber %}
  164.                                                                 <meta itemprop="productID" content="{{ page.product.id }}"/>
  165.                                                                 <span class="product-detail-ordernumber" itemprop="sku">
  166.                                                                     {{ page.product.productNumber }}
  167.                                                                 </span>
  168.                                                             {% endblock %}
  169.                                                         </div>
  170.                                                     {% endif %}
  171.                                                 </div>
  172.                                             </div>
  173.                                         {% endif %}
  174.                                         <div class="{% if column == 3 %}col-lg-4{% else %}col-lg-7{% endif %} product-detail-buy">
  175.                                             <div class="product-detail-buy-inner">
  176.                                                 {% if column == 2 %}
  177.                                                     <div class="cube-category">
  178.                                                         {% if customFields.custom_product_fields_digital == 1 %}
  179.                                                             Digital Cube
  180.                                                         {% else %}
  181.                                                             Product Cube
  182.                                                         {% endif %}
  183.                                                     </div>
  184.                                                     {% block page_product_detail_buy_headline %}
  185.                                                         {% if theme_config('log-detail-headline-position') == 'buybox' %}
  186.                                                             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  187.                                                         {% endif %}
  188.                                                     {% endblock %}
  189.                                                     <div class="highlight-properties-description-desktop d-none d-lg-block">
  190.                                                         {% for group in page.product.extensions.highlightProperties %}
  191.                                                             <div class="highlight-properties">
  192.                                                                 {% for property in group.options %}
  193.                                                                     <span class="property-name">+
  194.                                                                         {{property.translated.name}}</span>
  195.                                                                 {% endfor %}
  196.                                                             </div>
  197.                                                         {% endfor %}
  198.                                                         <p>{{page.product.translated.customFields.custom_product_fields_product_box_teasertext_desktop}}</p>
  199.                                                         {% block page_product_detail_buy_short_description %}
  200.                                                             {% if shortDescription and theme_config('log-detail-show-short-description') == 'true' %}
  201.                                                                 {% sw_include '@Storefront/storefront/page/product-detail/short-description.html.twig' with {
  202.                                                                     shortDescription: page.product.translated.customFields.product_short_description
  203.                                                                 } only %}
  204.                                                             {% endif %}
  205.                                                         {% endblock %}
  206.                                                         {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  207.                                                     </div>
  208.                                                 {% endif %}
  209.                                                 {% block page_product_detail_buy_widget %}
  210.                                                     {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  211.                                                 {% endblock %}
  212.                                             </div>
  213.                                             <div class="highlight-properties-description-mobile d-lg-none">
  214.                                                 {% for group in page.product.extensions.highlightProperties %}
  215.                                                     <div class="highlight-properties">
  216.                                                         {% for property in group.options %}
  217.                                                             <span class="property-name">+
  218.                                                                 {{property.translated.name}}</span>
  219.                                                         {% endfor %}
  220.                                                     </div>
  221.                                                 {% endfor %}
  222.                                                 <p>{{page.product.translated.customFields.custom_product_fields_product_box_teasertext_desktop}}</p>
  223.                                                 {% block page_product_detail_buy_short_description_mobile %}
  224.                                                     {% if shortDescription and theme_config('log-detail-show-short-description') == 'true' %}
  225.                                                         {% sw_include '@Storefront/storefront/page/product-detail/short-description.html.twig' with {
  226.                                                             shortDescription: page.product.translated.customFields.product_short_description
  227.                                                         } only %}
  228.                                                     {% endif %}
  229.                                                 {% endblock %}
  230.                                                 {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  231.                                             </div>
  232.                                         </div>
  233.                                     {% endblock %}
  234.                                 </div>
  235.                             {% endblock %}
  236.                         </div>
  237.                     </div>
  238.                 {% endblock %}
  239.                 {% block page_product_detail_tabs %}
  240.                     <div class="container ">
  241.                         <div class="row">
  242.                             <div class="col-lg-8 col-12 product-detail-tabs jumbotron bg-light">
  243.                                 <div class="container">
  244.                                     {% if page.product.customFields.custom_product_fields_infotext != null %}
  245.                                         <div class="infotext">
  246.                                             <h5 class="product-detail-name" itemprop="name">
  247.                                                 {{ page.product.translated.name }}
  248.                                             </h5>
  249.                                             <h2>{{ page.product.customFields.custom_product_fields_infotext|raw }}</h2>
  250.                                         </div>
  251.                                     {% endif %}
  252.                                     {% if theme_config('log-detail-tabs') == 'accordion' %}
  253.                                         {% sw_include '@Storefront/storefront/page/product-detail/accordion.html.twig' %}
  254.                                     {% elseif theme_config('log-detail-tabs') == 'anchor' %}
  255.                                         {% sw_include '@Storefront/storefront/page/product-detail/anchor.html.twig' %}
  256.                                     {% else %}
  257.                                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  258.                                     {% endif %}
  259.                                 </div>
  260.                             </div>
  261.                             <div class="col-lg-4 col-12 jumbotron bg-light sidebar-product-page" style="">
  262.                                 <div class="d-none d-lg-block">
  263.                                     {% sw_include '@Storefront/storefront/page/product-detail/log-sidebar.html.twig' %}
  264.                                 </div>
  265.                                 {% if page.product.extensions.sidebarMedia.count %}
  266.                                     <div class="d-block d-lg-none">
  267.                                         {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  268.                                             'mediaItems': page.product.extensions.sidebarMedia,
  269.                                             'zoom': false,
  270.                                             'zoomModal': false,
  271.                                             'displayMode': 'contain',
  272.                                             'gutter': 5,
  273.                                             'minHeight': '500px',
  274.                                             'navigationArrows': 'outside',
  275.                                             'navigationDots': 'inside',
  276.                                             'galleryPosition': 'underneath',
  277.                                             'isProduct': false,
  278.                                             'thumbnails': false,
  279.                                             'fallbackImageTitle': page.product.translated.name,
  280.                                             'startIndexThumbnails': 0,
  281.                                             'startIndexSlider': 0
  282.                                         } %}
  283.                                     </div>
  284.                                 {% endif %}
  285.                             </div>
  286.                         </div>
  287.                     </div>
  288.                 {% endblock %}
  289.                 {% block page_product_detail_cross_selling %}
  290.                     {% if page.crossSellings %}
  291.                         <div class="product-detail-tabs product-detail-cross-selling">
  292.                             <div class="container">
  293.                                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  294.                                     crossSellings: page.crossSellings,
  295.                                     'elMinWidth': { 'value': '400px' }
  296.                                 } only %}
  297.                             </div>
  298.                         </div>
  299.                     {% endif %}
  300.                 {% endblock %}
  301.             {% endblock %}
  302. {% endblock %}
  303. {% block page_product_detail_buy_inner %}
  304.     {{ parent() }}
  305. {% endblock %}