{% sw_extends "@Storefront/storefront/page/product-detail/index.html.twig" %}
{% block page_product_detail_headline %}{% endblock %}
{% block page_product_detail_main %}
{% if theme_config('atl-product-detail-layout') == '75' %}
{% set colGallery = 'col-lg-7' %}
{% set colBuyBox = 'col-lg-5' %}
{% elseif theme_config('atl-product-detail-layout') == '66' %}
{% set colGallery = 'col-lg-6' %}
{% set colBuyBox = 'col-lg-6' %}
{% endif %}
<div class="row product-detail-main">
{% block page_product_detail_media %}
<div class="{{ colGallery }} product-detail-media">
{% if page.product.media %}
{% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
'mediaItems': mediaItems,
'zoom': true,
'zoomModal': true,
'displayMode': 'contain',
'gutter': 5,
'minHeight': '600px',
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': 1,
'startIndexSlider': 1,
'keepAspectRatioOnZoom': false
} %}
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_buy %}
<div class="{{ colBuyBox }} product-detail-buy">
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block page_product_detail_tabs %}
<div class="product-detail-tabs">
{% if theme_config('atl-product-detail-tab-position') == 'below' %}
{% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
{# @deprecated tag:v2.0.0 - reviews will be moved to buy widget #}
{% elseif config('core.listing.showReview') %}
<div id="review-tab">
{% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with { 'reviews': page.reviews } %}
</div>
{% endif %}
</div>
{% endblock %}