custom/plugins/ChespackTheme/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. {# Moved headline to the right #}
  4. {% block page_product_detail_headline %}{% endblock %}
  6. {# Adjusted cols #}
  7. {% block page_product_detail_media %}
  8.     <div class="col-lg-6 product-detail-media">
  9.         {% if page.product.media %}
  10.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  11.                 'mediaItems': mediaItems,
  12.                 'zoom': true,
  13.                 'zoomModal': true,
  14.                 'displayMode': 'contain',
  15.                 'gutter': 5,
  16.                 'minHeight': '610px',
  17.                 'navigationArrows': 'inside',
  18.                 'galleryPosition': 'underneath',
  19.                 'isProduct': true,
  20.                 'fallbackImageTitle': page.product.translated.name,
  21.                 'startIndexThumbnails': page.product.cover.position + 1,
  22.                 'startIndexSlider': page.product.cover.position + 1,
  23.                 'keepAspectRatioOnZoom': false
  24.             } %}
  25.         {% endif %}
  27.         {# Added wishlist button and modal #}
  28.         {% sw_include '@Storefront/storefront/page/product-detail/wishlist.html.twig' %}
  30.     </div>
  31. {% endblock %}
  33. {# Adjusted cols #}
  34. {% block page_product_detail_buy %}
  35.     <div class="col-lg-6 product-detail-buy">
  36.         {% block page_product_detail_headline_moved %}
  37.             <div class="row align-items-center product-detail-headline">
  38.                 {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  39.             </div>
  40.         {% endblock %}
  42.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  43.     </div>
  44. {% endblock %}
  46. {# Adjusting layout - moved reviews out of tabs, moved cross selling to the right side #}
  47. {% block page_product_detail_tabs %}
  48.     <div id="product-detail-tabs-wrapper" class="product-detail-tabs-wrapper">
  49.         <div class="row">
  50.             <div class="product-detail-tabs col-md-6">
  51.                 {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  52.             </div>
  54.             {# Related products #}
  55.             {% block page_product_detail_cross_selling_moved %}
  56.                 {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  57.                     <div class="product-detail-related-products col-md-6">
  58.                         {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/related-products.html.twig' with {
  59.                             crossSellings: page.crossSellings
  60.                         } %}
  61.                     </div>
  62.                 {% endif %}
  63.             {% endblock %}
  64.         </div>
  65.     </div>
  67.     {# Related resources #}
  68.     {% block page_product_detail_related_resources %}
  70.         {% set relatedResources = [] %}
  71.         {% for category in page.product.customFields.related_resource_categories  %}
  72.             {% set relatedResources = relatedResources|merge([{
  73.                 'category': 'Resource',
  74.                 'image': category.media,
  75.                 'name': category.description,
  76.                 'short_description': category.customFields.related_resource_button_text,
  77.                 'url': category.customFields.related_resource_link
  78.             }])
  79.             %}
  80.         {% endfor %}
  82.         {% if config('ChespackTheme.config.enableRelatedResourcesOnPdp') == true and relatedResources %}
  83.             <div class="product-detail-related-resources">
  84.                 <div class="product-detail-related-resources-content row no-gutters">
  85.                     <div class="col">
  86.                         <h3 class="text-center">{{ "chespackTheme.product.relatedResources"|trans|sw_sanitize }}</h3>
  87.                         {% block page_product_detail_related_resources_slider %}
  88.                             {% sw_include '@Storefront/storefront/page/product-detail/related-resources/related-resources.html.twig' %}
  89.                         {% endblock %}
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         {% endif %}
  94.     {% endblock %}
  96.     {# Reviews #}
  97.     {% block page_product_detail_reviews %}
  98.         {% if config('core.listing.showReview') %}
  99.             <div class="product-detail-section-reviews is--fullwidth">
  100.                 <div class="container">
  101.                     {% block page_product_detail_reviews_inner %}
  102.                         <div id="review-tab" class="product-detail-tabs-content">
  103.                             {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  104.                         </div>
  105.                     {% endblock %}
  106.                 </div>
  107.             </div>
  108.         {% endif %}
  109.     {% endblock %}
  110. {% endblock %}
  112. {# Moved cross selling to the rightside of tabs #}
  113. {% block page_product_detail_cross_selling %}{% endblock %}