Shop Category Advance Filter

2.SHOPLINE_all_Adv-Store-Management-Tool.png

We will introduce the following in this article:

 

A. Online Shop Filtering Intro

Online Shop Filtering support multi-language and there are two type of filter - "Default" and "Custom".

Default Filter

There are five types of default filter - Price, Material, Brand, Color and Size.

  • Price: The Regular Price & sales price of product will be used as the condition of "Price" filter. (If products hasn't sales price , the Regular Price will be used. )
  • Material and Brand: The corresponding content in Product Feed Data will be used as the condition of "Material"/"Brand" filter.
  • Color and Size:
    • Product with "Color"/"Size" variation: The corresponding content in Variation of Product will be used as the condition of "Color"/"Size" filter.
  •  

Notice:

Please keep the consistency of variation cause the synonymous variation with different names will be regarded as different conditions.

E.g. "100 g" and "100 gram" are synonymous, but they will be regarded as different conditions cause they are with different names.

 

Custom Filter

We supply the custom filter to let you custom the filter to meet your demand.

You can set 100 custom filters at most, and apply 300 conditions on one filter at a time.

 

B. How to activate Shop Category Advance Filter

Step 1: Go to admin "Products & Categories" > "Categories" > "Online Shop Filter"

EN_1_____1.png

Step 2: Toggle on “Online Shop Filtering” to activate the Shop Category Advance Filter feature

EN_1_____2.png

C. Shop Category Advance Filter Set up

How to manage all custom filtering conditions

Go to admin "Products & Categories" > "Categories" > "Online Shop Filter" > "Custom Filtering".

Click "Edit" to manage all custom filtering conditions.

EN_2_____1.png

You can "Add", "Delete" and "Edit" conditions in the pop-up window.

  • Add:You can add one or more conditions here. Click "Add" to add a new condition after filling in the name of condition. 
  • Delete:Click the "X" beside the condition to delete the condition.
  • Edit:Click the condition you want to edit to edit it.

Finally, click "Update" to apply the setting.

EN_2_____2.png

How to add new Custom Filter

Step 1: Go to admin "Products & Categories" > "Categories" > "Online Shop Filter".

Click "Custom Filtering" to add new Custom Filter.

EN_2.1_____1.png

Step 2: Fill in the filter's name in the pop-up window and select the conditions you want to apply on the new filter in "All conditions".

Applied conditions will display in "Applied conditions".

  • The green background represents "applied conditions".
  • The white background represents "non-applied conditions".

EN_2.1_____2.png

Furthermore, you can go to add one or more new conditions by clicking the "+" button in "All conditions".

EN_2.1_____3.png

Click "Add" to add new condition after filling in the name of condition.

And then click "Add X conditions" button to apply all the added conditions.

EN_2.1_____4.png

 

Switch visible status of filter and arrange the order of filters

Click the "Hide or Show" button to switch visible status of filter.

And you can arrange the order of filters by dragging the dotted icon.

EN_2.2________.png

D. How to applied conditions of custom filters on product

Step 1: Go to admin "Products & Categories" > "Products" > "Add" or "Edit" > "Settings"

EN_3_____1.png

Step 2: Find "Custom Filtering" and click "Add from existed conditions"

EN_3_____2.png

Step 3: Select the conditions you want to apply and then click "Apply".

  • The green background represents "applied conditions".
  • The white background represents "non-applied conditions".

EN_3_____3.png

Additionally, you can go to add one or more new conditions by clicking the "+" button in "All conditions".

Click "Add" to add new condition after filling in the name of condition.

And then click "Add X conditions" button to apply all the added conditions.

EN_3_____4.png

Step 4: The applied conditions will display on the "Custom Filtering" as the picture shown below.

If you want to delete applied conditions, you can click the "X" beside the condition.

EN_3_____5.png

E. The display of Shop Category Advance Filter in Storefont

After you activate Shop Category Advance Filter, the filters will display in storefont.

Customers can filter products by check the conditions of filter and click "Apply Filter".

*Please notice that you can check 20 conditions at a time.

 

EN_4_____.png

The logic of filtering:

  1. If you check conditions that belong to different filters, you will filter the products which meet the union of these conditions.
    E.g. If you check "Red"(Belong to Color filter) and "S"(Belong to Size filter) , then you will filter the products have "Red" and "S" conditions.
  2. If you check conditions that belong to the same filter, you will filter the products which meet the intersection of these conditions.
    E.g. If you check "Red"(Belong to Color filter) and "White"(Belong to Color filter) , then you will filter the products have "Red" or "White" conditions.

 

 

Have more questions? Submit a request

Comments