---
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}}
    <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('collection-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 page-heading-title"><span>{{page.title}}</span></h1>
            <div class="anchor-container">
                {{#each categories}}
                    <div class="anchor-wrapper {{id}}">
                        {{#if id '==' '73'}}
                            {{#each children}}
                                {{#if getImage image}}
                                {{else}}
                                    <a class="cat-anchor" href="{{url}}"><img src="{{urls.home}}/product_images/uploaded_images/shop-product-{{dashcase image.alt}}.png" alt="" style="width: 64px;"><h3>{{name}}</h3></a>
                                {{/if}}
                            {{/each}}
                                    
                        {{/if}}
                    </div>
                {{/each}}
            </div>
        </div>
            {{{region name="category_below_header"}}}
        {{/unless}}
        

        {{{category.description}}}
        <div class="container">
            <div class="page ">
                <main class="page-content" id="clp-page-content">
                    <div class="clp-container">
                        {{#each categories}}
                            {{# if id '==' '73'}}
                                <div class="categories-wrapper">
                                    {{#each children}}
                                        {{#if getImage image}}
                                        {{else}}
                                            <div class="single-category" id="{{dashcase image.alt}}">
                                                <img class="clp-img" src="{{getImage image 'zoom_size' }}" alt="{{image.alt}}" />
                                                <div class="cate-content cate-item_icon">
                                                    <img src="{{urls.home}}/product_images/uploaded_images/shop-product-{{dashcase image.alt}}.png" alt="">
                                                </div>
                                                <div class="cate-content cate-item_name"><h2 class="h1">{{name}}</h2></div>
                                                <div class="cate-content cate-item_btn">
                                                    <a href="{{url}}" title="View {{name}}">{{lang 'collection.view_collection'}}</a>
                                                </div>
                                            </div>
                                        {{/if}}
                                    {{/each}} 
                                             
                                </div>
                            {{/if}}
                        {{/each}}
                    </div>
                    {{{region name="category_below_content"}}}
                </main>
            </div>
        </div>
{{/partial}}
{{> layout/base}}