{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block base_body_script %}
{{parent()}}
<div data-facebook-pixel="true">
<script>
try{
if(window.dataLayerFB){
window.dataLayerFB.detail = {
'id':'{{ page.product.id|escape("js") }}',
'number':'{{ page.product.productNumber|escape("js") }}',
'price': '{{ page.product.calculatedPrice.unitPrice|escape("js") }}',
'currency': '{{ page.header.activeCurrency.isoCode }}'
};
}
}catch(e){
}
fbq('track', 'ViewProduct', {
'content_ids': ['{{ page.product.productNumber|escape("js") }}'],
'content_type': 'product',
'value': '{{ page.product.calculatedPrice.unitPrice|escape("js") }}',
'currency': '{{ page.header.activeCurrency.isoCode }}'
});
</script>
</div>
{% endblock %}
{% block page_product_detail_headline %}
{% endblock %}
{% block page_product_detail_main %}
<div class="row product-detail-main align-items-start">
{% block page_product_detail_media %}
<div class="col-lg-8 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': '700px',
'navigationArrows': 'inside',
'navigationDots': 'none',
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1
} %}
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_buy %}
<div class="col-lg-4 product-detail-buy sticky-top pt-2">
<div class="row align-items-center product-detail-headlinenew">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block page_product_detail_tabs %}
{% endblock %}
{% block page_product_detail_cross_selling %}
<div class="product-detail-tabs product-detail-cross-selling">
</div>
{% endblock %}