---
category:
    shop_by_price: true
    products:
        limit: {{theme_settings.categorypage_products_per_page}}
customer:
    wishlists:
      limit: 10
---
{{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}}
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('body').addClass('plp-page-view');

        })
    </script>
{{/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 }}
        <div class="page-header_container banner-header">
            {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
            <h1 class="page-heading"><span>{{category.name}}</span></h1>
            <span class="mobile-subCat"><span>Collections</span></span>
            <div class="anchor-container">
                {{#if category.subcategories}}
                <div class="anchor-wrapper">
                {{#each category.subcategories}}
                    <a class="cat-anchor" href="{{url}}" title="{{name}}"><h3>{{name}}</h3></a>
                {{/each}}
                </div>
                {{/if}}
            </div>
        </div>
            {{{region name="category_below_header"}}}
        {{/unless}}


        {{{category.description}}}
        <div class="container">
            <div class="page ">
                <div class="filter-slide_toggle bg_toggle"></div>
                <div class="page-sidebar">
                    <div class="filter-slide_toggle">
                        <img src="{{cdn '/assets/img/icons/ico_close@2x.png'}}" alt="">
                    </div>
                {{#if category.faceted_search_enabled}}
                    <aside class="page-sidebar_aside product-filter" id="faceted-search-container" data-sidebartype="1">
                        {{> components/category/sidebar}}
                    </aside>
                {{else if category.subcategories}}
                    <aside class="page-sidebar_aside subcategory-filter" id="faceted-search-container" data-sidebartype="2">
                        {{> components/category/sidebar}}
                    </aside>
                {{else if category.shop_by_price}}
                    {{#if theme_settings.shop_by_price_visibility}}
                         <aside class="page-sidebar_aside shopByPrice-filter" id="faceted-search-container" data-sidebartype="3">
                            {{> components/category/sidebar}}
                        </aside>
                    {{/if}}
                {{/if}}
                </div>
                <main class="page-content" id="product-listing-container">
                    <div class="mobile-display">
                        <div class="mobile-sorting-filter_container">
                            <div class="mobile-sorting">{{> components/products/filter sort=pagination.category.sort}}</div>
                            <div class="filter-slide_toggle"><span>+</span><span>filter</span></div>
                        </div>
                    </div>

                    {{> components/category/product-listing}}
                    {{{region name="category_below_content"}}}
                </main>
            </div>
        </div>

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