Hello Andrei & nopCommerce team.
We are suggesting an improvement of the placement of two widget zones on product details page.
Recently we had several customers notifying us that if they put any content into the "product_details_after_pictures" widget zone, their product page layout is falling apart.
It turned out that it is happening because the widget is not placed inside the "gallery" element where the product pictures are, but is placed next to it. In most nopCommerce sites, the "gallery" and "overview" elements are styled as columns, so putting any content between them will cause the page layout to break.
Also the "product_details_before_pictures" widget zone (as currently placed before the "gallery" and not inside) is identical to the "product_details_top" widget and is not serving any specific purpose.
Can you please move these two widgets inside the "gallery" element in the next nopCommerce version, so they can be used as intended?
They should be removed from both single & grouped product templates, and placed in the _ProductDetailsPictures.cshtml file instead, like this:
<div class="gallery">
@await Component.InvokeAsync("Widget", new { widgetZone = PublicWidgetZones.ProductDetailsBeforePictures, additionalData = Model })
... gallery content...
@await Component.InvokeAsync("Widget", new { widgetZone = PublicWidgetZones.ProductDetailsAfterPictures, additionalData = Model })
</div>
Thanks in advance!
/ Hristo
