Shop Category Advance Filtering

2.SHOPLINE_all_Adv-Store-Management-Tool.png

We will introduce the following in this article:

 

1. Online Shop Filtering Intro

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

i. Default Filter

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

  • Price: The Regular Price and Sale Price will be used as the condition of the "Price" filter. (If the product does not have a sale 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. Synonymous variations with different names will be regarded as different conditions. For example, "100 g" and "100 gram" are synonymous, but they will be regarded as different conditions cause they are literally different.
  • If there are names that are synonymous but in different variations, you will need to organize the variation names to keep them consistent, so that the products will not be classified into different filter conditions due to different filter names.

 

ii. 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.

 

2. 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

 

3. Shop Category Advance Filter Set up

i. How to manage all custom filtering conditions

In SHOPLINE Admin, go to [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 the 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

 

ii. How to add new Custom Filter

Step 1: In the SHOPLINE Admin, go to [Products & Categories] > [Categories] > [Online Shop Filter].

Click Custom Filtering to add a new Custom Filter.

EN_2.1_____1.png

 

Step 2: In the pop-up window, fill in the names of the custom filter and select the conditions you want to apply on the new filter in "All conditions". Applied conditions will appear under Applied conditions.

  • The "applied conditions" appear in green.
  • The "non-applied conditions" appear in white.

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 a new condition after filling in the name of the condition.

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

EN_2.1_____4.png

 

iii. Switch visible status of filter and arrange the order of filters

Click the Hide / Show button to switch the visibility of the filter. You can arrange the order of filters by dragging the Drag Indicator icon.

EN_2.2________.png

 

4. How to applied conditions of custom filters on product

Step 1

In SHOPLINE Admin, go to [Products & Categories] > [Products] > Add or Edit then select the Settings tab.

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

  1. Additionally, you can go to add one or more new conditions by clicking the + button in "All conditions".
  2. Click Add to add a new condition after filling in the name of the condition.
  3. And then click Add X conditions button to apply all the added conditions.

EN_3_____4.png

 

Step 4

The applied conditions will appear under Custom Filtering as the picture shown below.

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

EN_3_____5.png

 

[Coming Soon] Batch add or remove custom filtering condition

Step 1.
In SHOPLINE Admin, go to [Product & Categories] > [Products], check the box of the product you want to add or remote custom filter condition, click the Bulk Actions button, and select "Add/Remove custom filtering condition". 

Screen_Shot_2021-09-16_at_2.51.43_PM.png

Step 2.

After clicking the "Add/Remove custom filtering condition", all conditions will appear in the box. Click on the box next to condition and click Add or Remove.

Screen_Shot_2021-09-16_at_2.57.49_PM.png

Step 3.

Click Add/Remove to complete the update. A notification window will pop up on the top right of the page. 

Screen_Shot_2021-09-16_at_3.17.20_PM.png

Note: You will see the statement shown below if you have not created any filtering conditions. Go to [Categories] > [Online Shop Filter] to create first.

Screen_Shot_2021-09-16_at_3.20.43_PM.png

 

5. The display of Shop Category Advance Filter in Storefront

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

Customers can filter products by check the conditions of the 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 that 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 that have "Red" or "White" conditions.

 

6. Notes

  • Store administrators need to have the Add/Edit permission under "Products & Categories" to add, remove, and edit filter conditions.

 

 

 

 

 

Have more questions? Submit a request

Comments