{% extends "layout/default.html.twig" %}
{% block content %}
<main id="main-content" role="main" class="{{ not editmode ? 'main-content' }} content-block js-content-visibility content-visibility--auto">
{{ include('navigation/breadcrumb.html.twig') }}
<section class="container">
{{ include('includes/title-blocks/title-block.html.twig', {
titleTag: 'h1',
introStyle: 'description-text'
}) }}
</section>
{{ include('includes/areablock.html.twig') }}
<section class="js-product-grid product-grid content-block" data-product-grid-ajax-url="{{ document.fullpath }}?ajax=1">
<div class="container">
<div id="auto-submit-text" class="visually-hidden">
{{ 'product.overview.This gets reloaded if something changes'|trans }}
</div>
{{ include('includes/overlays/loading-overlay.html.twig', {
className: 'js-product-grid__loading',
hidden: true
}) }}
<section class="js-product-grid__container" aria-live="off" aria-describedby="auto-submit-text">
{{ include('includes/product/product-content.html.twig', {
'products': products,
}) }}
</section>
</div>
</section>
{{ include('includes/areablock.html.twig', {'areaName': 'areasBottom'}) }}
</main>
{{ pimcore_placeholder('jsFile').set("js/product") }}
{% endblock %}