url = "/category/:id"
layout = "mainN"
title = "Category"
==
<?php
function onStart(){
    $this['catId'] = $this->param('id');
}
?>
==
{% partial 'loader/loader' id='loader_cat' %}

<div id="detail_screen">
    <!-- BREADCRUMB AREA START -->
    <div class="ltn__breadcrumb-area ltn__breadcrumb-area-4 ltn__breadcrumb-color-white---">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__breadcrumb-inner text-center">
                        <h1 class="ltn__page-title" id="category_name_main"></h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="/">{{'home.title'|_}}</a></li>
                                <li id="category_name"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BREADCRUMB AREA END -->

    <div class="ltn__product-area mb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__shop-options">
                        <ul>
                            <li>
                                <div class="showing-product-number text-right" id="show_title">

                                </div>
                            </li>
                            <li>
                                <!-- <div class="short-by text-center">
                                    <select class="nice-select">
                                        <option>Default sorting</option>
                                        <option>Sort by popularity</option>
                                        <option>Sort by new arrivals</option>
                                        <option>Sort by price: low to high</option>
                                        <option>Sort by price: high to low</option>
                                    </select>
                                </div> -->
                                <div class="ltn__grid-list-tab-menu ">
                                    <div class="nav">
                                        <a class="active show" data-bs-toggle="tab"
                                            href="#liton_product_grid"><i class="icon-grid"></i></a>
                                        <a data-bs-toggle="tab" href="#liton_product_list"><i
                                                class="icon-menu"></i></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane fade active show" id="liton_product_grid">
                            <div class="ltn__product-tab-content-inner ltn__product-grid-view">
                                <div class="row" id="products_cat">

                                </div>
                            </div>
                        </div>

                        {% partial 'product/tab-pane' id='cat' %}
                    </div>
                </div>
            </div>

            {% partial 'helper/pagination' %}

        </div>
    </div>
</div>
<!-- PRODUCT DETAILS AREA END -->

{% partial 'scripts/getByCat' add='add.cart'|_ query='locale=' limit='8' id='cat' catId=catId %}