{extends file='layout.tpl'}

{* Body Class *}
{block name="body-class"}page-category{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {$sBreadcrumb = []}
    {loop name="category_path" type="category-path" category="{category attr="id"}"}
        {$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
    {/loop}
{/block}


{block name="main-content"}
    <div class="main layout-col-2-left">
        {$limit={$smarty.get.limit|default:8}}
        {$product_page={$smarty.get.page|default:1}}
        {$product_order={$smarty.get.order|default:'alpha'}}
        <article class="col-main {$smarty.get.mode|default:"grid"}" role="main">
            {include file="includes/category-toolbar.html" toolbar="top" limit=$limit order=$product_order}
            <div id="category-products">
                <div class="products-content">
                    <ul class="product-col-4">
                        {loop type="product" name="product_list" category={category attr="id"} limit=$limit page=$product_page order=$product_order}
                            {include file="includes/single-product.html" product_id=$ID hasBtn=true hasDescription=true width="218" height="146"}
                        {/loop}
                    </ul>
                </div>
            </div><!-- /#category-products -->
            {include file="includes/category-toolbar.html" toolbar="bottom"}
        </article>

        <aside class="col-left" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">

            {include file="includes/menu.html"}

            {include file="includes/categories-filters.html"}

        </aside>

    </div>

    </div><!-- /.container -->
{/block}