---
category:
    shop_by_price: true
    products:
        limit: {{theme_settings.categorypage_products_per_page}}
---
{{inject "categoryProductsPerPage" theme_settings.categorypage_products_per_page}}
{{inject "categoryId" category.id}}
{{#partial "head"}}
    {{#if pagination.category.previous}}
        <link rel="prev" href="{{pagination.category.previous}}">
    {{/if}}
    {{#if pagination.category.next}}
        <link rel="next" href="{{pagination.category.next}}">
    {{/if}}
{{/partial}}

{{#partial "page"}}
{{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
<!-- {{#if category.image}}
    {{> components/common/responsive-img
        image=category.image
        fallback_size=theme_settings.zoom_size
        lazyload=theme_settings.lazyload_mode
        class="category-header-image"
    }}
{{/if}} -->
<!-- {{#unless theme_settings.hide_category_page_heading }}
    <h1 class="page-heading">{{category.name}}</h1>
    {{{region name="category_below_header"}}}
{{/unless}} -->
<!-- {{{category.description}}} -->
{{> components/category/plp/head}}

{{#if category.subcategories}}
    {{> components/category/clp/list categories=category.subcategories}}
{{else}}
<div class="product-list-page">
    <div class="product-list-page-content">
        <aside class="page-sidebar" id="faceted-search-container">
            {{> components/category/sidebar}}
        </aside>
    
        <main class="page-content" id="product-listing-container">
            {{> components/category/plp/plp}}
            {{{region name="category_below_content"}}}
        </main>
    </div>
</div>
{{/if}}

{{/partial}}
{{> layout/base}}