Category Advance Filter

Remarks

Open products.liquid

1. Add the following code at the end of the <div class="left-c-box hidden-xs hidden-sm"> block, currently line 70 of the code base
   {% category_filter type="side-category-filter" %}{% end_category_filter %}

Liquid

<div class="left-c-box hidden-xs hidden-sm"><!-- line 70 -->

{% category_filter type="side-category-filter" %}{% end_category_filter %}

2. Add the following code to the first line of the <div class="ProductList-select js-productlist-select clearfix"> block, currently line 90 of the codebase

Liquid

{% category_filter_button %}{% end_category_filter_button %}

<div class="ProductList-select js-productlist-select clearfix"> <!-- line 90 -->

3. Add the following code to the end block of {% if products.size != 0 %}, the current line 117 of codebase
   {% category_filter_tags %}{% end_category_filter_tags %}

Liquid

{% if products.size != 0 %} <!-- line 117 --> 

{% category_filter_tags %}{% end_category_filter_tags %}

4. Change {% if search_keyword and products.size == 0 %} to {% if products.size == 0 %} line 131 of the current codebase

Liquid

{% if search_keyword and products.size == 0 %} //comment out this line

{% if products.size == 0 %}

5. Replace the content code of the block above with the code below

Liquid

{% if search_keyword %}
   <div class="search-noresult">
     <form class="Product-searchField-form sl-product-search">
       <input disabled maxlength="100" placeholder="{{ 'shopline_translations.themes.search' | translate }}">
       <button disabled type="submit"><i class="fa fa-search"></i></button>
     </form>
   </div>
   <div class="ProductList-list-empty-placeholder">
     {{ 'products.search.no_result.' | translate: keyword: search_keyword }}
     <div class="help-block">{{ 'shopline_translations.product.search.no_result_notice' | translate }}</div>
   </div>
 {% else %}
   <div class="product-list-empty-placeholder">
     {{ 'shopline_translations.product.category.empty_product' | translate }}
     <div class="help-block">
       {{ 'shopline_translations.product.category.empty_product_notice' | translate }}
     </div>
   </div>
 {% endif %}

6. Add the following code at the end of the file

Liquid

{% category_filter type="drawer-category-filter" %}{% end_category_filter %}