{% sw_extends '@Storefront/storefront/base.html.twig' %}{% block base_head %} {% sw_include '@Storefront/storefront/page/blog/meta.html.twig' %}{% endblock %}{% block base_content %} {% block page_blog_detail %} <div class="blog-detail"> {% block page_blog_detail_inner %} {% block page_blog_detail_content %} <div class="blog-detail-content"> {% block page_blog_detail_breadcrumb %} <div class="breadcrumb blog-breadcrumb container"> {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with { context: context, category: post.categoriesRo|last } only %} </div> {% endblock %} {% set mediaItems = post.media.media %} {% block page_blog_detail_main %} <div class="row blog-detail-main" itemprop="mainEntity" itemscope itemtype="http://schema.org/Article"> {% block page_blog_detail_media %} {% if blogCms is null %} <div class="col-lg-7 blog-detail-media"> {% if post.media %} {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with { 'mediaItems': mediaItems, 'zoom': true, 'zoomModal': true, 'displayMode': 'contain', 'gutter': 5, 'navigationArrows': 'inside', 'navigationDots': 'inside', 'galleryPosition': 'left', 'verticalAlign': 'middle', 'isProduct': true, 'minHeight': '330px', 'fallbackImageTitle': post.translated.title, 'startIndexThumbnails': post.cover.position + 1, 'startIndexSlider': post.cover.position + 1, 'keepAspectRatioOnZoom': false } %} {% endif %} </div> {% endif %} {% endblock %} {% block page_product_detail_buy %} <div class="col-lg-5 blog-detail-content js-magnifier-zoom-image-container"> {% block page_blog_detail_headline %} <div class="row align-items-center blog-detail-headline"> {% sw_include '@Storefront/storefront/page/blog/headline.html.twig' %} </div> {% endblock %} {% block page_blog_detail_description %} {% if blogCms %} <span itemprop="articleBody">{% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': blogCms} %}</span> {% else %} <span itemprop="articleBody">{{ post.translated.description|raw }}</span> {% endif %} {% endblock %} </div> {% endblock %} </div> {% endblock %} </div> {% endblock %} {% if post.products|length %} {% block page_blog_detail_cross_selling %} <div class="blog-detail-tabs blog-detail-cross-selling"> {% sw_include '@Storefront/storefront/page/blog/cross-selling/tabs.html.twig' with { crossSellings: crossSellings } only %} </div> {% endblock %} {% endif %} {% endblock %} </div> {% endblock %}{% endblock %}