custom/plugins/zenitPlatformHorizon/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 base_body %}
  4.     {# ... body classes #}
  5.     {% if galleryMode is same as ('scroller') %}
  6.         {% set bodyClasses = ['is-gallery-scroller']|merge(bodyClasses) %}
  7.     {% endif %}
  9.     {{ parent() }}
  10. {% endblock %}
  12. {% block base_main_inner %}
  13.     {# ... remove .container here #}
  14.     {{ block('base_main_container') }}
  15. {% endblock %}
  17. {% block base_breadcrumb %}
  18.     <div class="breadcrumb-container">
  19.         <div class="container">
  20.             {{ parent() }}
  21.         </div>
  22.     </div>
  23. {% endblock %}
  25. {% block base_content %}
  26.     {% block page_product_detail %}
  28.         <div class="product-detail"
  29.              itemscope
  30.              itemtype="https://schema.org/Product">
  31.             {% block page_product_detail_inner %}
  32.                 {% block page_product_detail_content %}
  33.                     <div class="product-detail-content">
  34.                         <div class="container">
  35.                             {# ... removed headline here #}
  37.                             {% set mediaItems = page.product.media.media %}
  39.                             {% block page_product_detail_main %}
  41.                                 {# ... these settings are only available on default product-pages (non-cms product pages) #}
  42.                                 {% set galleryWidthConfig = theme_config('zen-product-gallery-slider-width') ?: 7 %}
  43.                                 {% set buyboxWidthConfig = theme_config('zen-product-gallery-slider-width') ? 12 - theme_config('zen-product-gallery-slider-width') : 5 %}
  44.                                 {% set displayModeConfig = theme_config('zen-product-gallery-slider-display-mode') ?: 'contain' %}
  45.                                 {% set verticalAlignConfig = theme_config('zen-product-gallery-slider-vertical-align') ?: 'center' %}
  46.                                 {% set minHeightConfig = theme_config('zen-product-gallery-slider-min-height-desktop') ? theme_config('zen-product-gallery-slider-min-height-desktop')  ~ 'px' : '430px' %}
  47.                                 {% set navigationArrowsConfig = theme_config('zen-product-gallery-slider-navigation-arrows') ?: 'inside' %}
  48.                                 {% set navigationDotsConfig = theme_config('zen-product-gallery-slider-navigation-dots') ?: 'inside' %}
  49.                                 {% set galleryPositionConfig = theme_config('zen-product-gallery-slider-gallery-position') ?: 'left' %}
  50.                                 {% set thumbnailsConfig = thumbnailsConfig ? thumbnailsConfig : true %}
  52.                                 {% if buyboxWidthConfig is same as (0) %}
  53.                                     {% set buyboxWidthConfig = 12 %}
  54.                                 {% endif %}
  56.                                 {% if theme_config('zen-product-gallery-slider-zoom') is null %}
  57.                                     {# fallback for older child-themes without this config #}
  58.                                     {% set zoomConfig = true %}
  59.                                 {% else %}
  60.                                     {% set zoomConfig = theme_config('zen-product-gallery-slider-zoom') %}
  61.                                 {% endif %}
  63.                                 {% if theme_config('zen-product-gallery-slider-zoom-modal') is null %}
  64.                                     {# fallback for older child-themes without this config #}
  65.                                     {% set zoomModalConfig = true %}
  66.                                 {% else %}
  67.                                     {% set zoomModalConfig = theme_config('zen-product-gallery-slider-zoom-modal') %}
  68.                                 {% endif %}
  70.                                 {% if theme_config('zen-product-gallery-slider-keep-aspect-ratio-on-zoom') is null %}
  71.                                     {# fallback for older child-themes without this config #}
  72.                                     {% set keepAspectRatioOnZoom = false %}
  73.                                 {% else %}
  74.                                     {% set keepAspectRatioOnZoom = theme_config('zen-product-gallery-slider-keep-aspect-ratio-on-zoom') %}
  75.                                 {% endif %}
  77.                                 {% if theme_config('zen-product-gallery-slider-magnifier-over-gallery') is null %}
  78.                                     {# fallback for older child-themes without this config #}
  79.                                     {% set magnifierOverGallery = false %}
  80.                                 {% else %}
  81.                                     {% set magnifierOverGallery = theme_config('zen-product-gallery-slider-magnifier-over-gallery') %}
  82.                                 {% endif %}
  84.                                 {% if navigationArrowsConfig is same as ('none') %}
  85.                                     {% set navigationArrowsConfig = null %}
  86.                                 {% endif %}
  88.                                 {% if navigationDotsConfig is same as ('none') %}
  89.                                     {% set navigationDotsConfig = null %}
  90.                                 {% endif %}
  92.                                 {% if galleryPositionConfig is same as ('none') %}
  93.                                     {# if gallery position is none, behave like underneath and hides the thumbnails #}
  94.                                     {% set galleryPositionConfig = 'underneath' %}
  95.                                     {% set hideThumbnailsConfig = true %}
  96.                                 {% endif %}
  98.                                 {% if theme_config("zen-category-header-position") is same as ('absolute') or (theme_config("zen-category-header-position") is same as ('relative') and zenCustomFields.category.zenit_horizon_category_header_position is same as ('absolute')) %}
  99.                                     {% set sectionCategoryOverlay = true %}
  100.                                 {% endif %}
  102.                                 <div class="row product-detail-main">
  103.                                     {% block page_product_detail_media %}
  104.                                         <div class="col-lg-7 col-xl-{{ galleryWidthConfig }} product-detail-media">
  105.                                             {% if page.product.media %}
  106.                                                 {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  107.                                                     'mediaItems': mediaItems,
  108.                                                     'zoom': zoomConfig,
  109.                                                     'zoomModal': zoomModalConfig,
  110.                                                     'displayMode': displayModeConfig,
  111.                                                     'verticalAlign': verticalAlignConfig,
  112.                                                     'gutter': gutterConfig,
  113.                                                     'minHeight': minHeightConfig,
  114.                                                     'navigationArrows': navigationArrowsConfig,
  115.                                                     'navigationDots': navigationDotsConfig,
  116.                                                     'galleryPosition': galleryPositionConfig,
  117.                                                     'hideThumbnails': hideThumbnailsConfig,
  118.                                                     'isProduct': true,
  119.                                                     'fallbackImageTitle': page.product.translated.name,
  120.                                                     'startIndexThumbnails': 1,
  121.                                                     'startIndexSlider': 1,
  122.                                                     'keepAspectRatioOnZoom': keepAspectRatioOnZoom
  123.                                                 } %}
  124.                                             {% endif %}
  125.                                         </div>
  126.                                     {% endblock %}
  128.                                     {% block page_product_detail_buy %}
  129.                                         <div class="col-lg-5 col-xl-{{ buyboxWidthConfig }} product-detail-buy" data-sticky-buybox="true">
  131.                                             {# ... add headline here #}
  132.                                             {% block page_product_detail_headline %}
  133.                                                 <div class="row product-detail-headline">
  134.                                                     {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  135.                                                 </div>
  136.                                             {% endblock %}
  138.                                             {# ... add short description #}
  139.                                             {% block zen_page_product_detail_short_description %}
  140.                                                 {% if page.product.translated.metaDescription and theme_config('zen-product-details-short-description') %}
  141.                                                     <div class="product-detail-short-description">
  142.                                                         {{ page.product.translated.metaDescription|raw }}
  143.                                                     </div>
  144.                                                 {% endif %}
  145.                                             {% endblock %}
  147.                                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  148.                                         </div>
  149.                                     {% endblock %}
  150.                                 </div>
  151.                             {% endblock %}
  152.                         </div>
  153.                     </div>
  154.                 {% endblock %}
  156.                 {% block page_product_detail_tabs %}
  157.                     <div class="product-detail-tabs">
  158.                         <div class="container">
  159.                             {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  160.                         </div>
  161.                     </div>
  162.                 {% endblock %}
  164.                 {% block page_product_detail_cross_selling %}
  165.                     {% if page.crossSellings.elements is not empty %}
  166.                         <div class="product-detail-tabs product-detail-cross-selling">
  167.                             <div class="container">
  168.                                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  169.                                     crossSellings: page.crossSellings
  170.                                 } %}
  171.                             </div>
  172.                         </div>
  173.                     {% endif %}
  174.                 {% endblock %}
  176.             {% endblock %}
  177.         </div>
  178.     {% endblock %}
  179. {% endblock %}