{#<div id="catalog-app" data-catalog-init="{{ catalog_init|json_encode }}"></div>#}
<section class="product-list catalog-app">
<div class="container">
<div class="product-list__content">
{% if title %}
<div class="product-list__heading section-heading">
<div class="container">
<h3 class="h4 section-title"> {{ title|default|raw }} </h3>
</div>
</div>
{% endif %}
<div class="product-list__items {{ display_variant is defined and display_variant ? display_variant }}">
{% for product in catalog_list %}
{% if product %}
{{ render_product_card(product, { single_display_variant: display_variant is defined and display_variant == 'product-list__items-1' }) }}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</section>
<div class="catalog__categories">
<div class="container">
<div class="catalog__categories-row">
{% for child in page.childrens|filter(v => v.isActive) %}
{% set is_active = child.lft <= page.lft and child.rgt >= page.rgt %}
<a href="{{ child.uri }}" class="item {{ is_active ? 'active' }}">{{ child.name }}</a>
{% endfor %}
</div>
</div>
</div>
<div itemscope itemtype="https://schema.org/OfferCatalog" style="display: none;">
<span itemprop="name">{{ page.name }}</span>
{% if page.description %}
<span itemprop="description">{{ page.description }}</span>
{% endif %}
{% if page.image %}
<img src="{{ app.request.getSchemeAndHttpHost() }}{{ page.image }}" itemprop="image">
{% endif %}
</div>
<script>
r46("track", "category", "{{ page.id }}");
</script>