{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block page_product_detail_media %}
<div class="col-lg-7 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': '430px',
'navigationArrows': 'inside',
'navigationDots': false,
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1
} %}
{% endif %}
{% if page.product.extensions.badges %}
<div class="product-detail-special-badges">
{% for badge in page.product.extensions.badges %}
{% set badge = badge.media %}
<img
src="{{ badge.url }}"
alt="{{ badge.translated.alt }}"
title="{{ badge.transladed.title }}"
class="product-detail-special-badge"
/>
{% endfor %}
</div>
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_tabs %}
<div class="product-detail-tabs">
{% sw_include '@EfbStorefront/storefront/page/product-detail/tabs/tabs.html.twig' %}
</div>
{% endblock %}