{% sw_extends '@Storefront/storefront/block/cms-block-gallery-buybox.html.twig' %}
{% block block_gallery_buybox %}
<div class="lg:theme-grid lg:boxed-layout">
<div class="boxed-layout lg:hidden">
{% if page.product.manufacturer %}
<div class="product-detail-brand py-1 font-accent font-medium text-sm">
{{ page.product.manufacturer.translated.name }}
</div>
{% endif %}
<div class="product-detail-headline py-1">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
</div>
{% block block_gallery_buybox_column_left %}
{% set element = block.slots.getSlot('left') %}
{% set config = element.fieldConfig.elements %}
<div class="product-detail-media lg:col-span-6 lg:col-start-2 2xl:col-span-5 2xl:col-start-3"
data-cms-element-id="{{ element.id }}">
{% block block_gallery_buybox_column_left_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing
with {
'isProduct': config.sliderItems.value == 'product.media' and config.sliderItems.source == 'mapped',
'startIndexThumbnails': 1,
'startIndexSlider': 1
} %}
{% endblock %}
</div>
{% endblock %}
{% block block_gallery_buybox_column_right %}
{% set element = block.slots.getSlot('right') %}
<div class="product-detail-buy lg:col-span-4 2xl:col-span-3" data-cms-element-id="{{ element.id }}">
{% block block_gallery_buybox_column_right_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}