• Topic 主题 トピック Topic Topic
  • Sign in

Enhancing Product Searching Experience with MultiLevel Filtering

 

The Multilevel Filter component empowers your customers to effortlessly find the right products by allowing them to filter results based on multiple criteria. This is especially beneficial for product categories with many SKUs, such as automotive parts, home appliances, and fashion accessories. Follow this guide to learn how to set up multilevel filters in your store.

Note: Currently, the multilevel filter component is only supported for the Arise Pro, Modern, and North themes on OS2.1.

 

In This Article

 


 

Application Effect at Storefront

Once you've configured multilevel filtering, your customers can easily refine their product search by applying multiple filters. Each filter allows for a single selection, and filters are applied sequentially in a cascading manner.
1.1.png

After selecting the desired filters and clicking Search, customers will be directed to the corresponding product collection page, where they can view the filtered products.
1.2.png


 

Configuring Multilevel Filtering

 

Setting Up Filter Options

The multilevel filtering component relies on the filter conditions you've pre-configured in the Smart Search Recommendation app. To set up these filter options:

  1. Install the Smart Search Recommendation app if you haven't already.
  2. Go to the Filter conditions tab and click Add filter to create the necessary filters. These filters will serve as the options for your multilevel filtering component.
    Note: The multilevel filtering component currently supports all filter types except for Price
    2.1.2.png
    For detailed instructions on setting up filter conditions, refer to the "Guide to Smart Search Recommendation" guide.

 

Setting Up the MultiLevel Filtering Component

Follow these steps to configure the multilevel filtering component for your store: 

  1. In your SHOPLINE admin panel, go to Online Store > Design and click the Design button for your current theme to access the theme editor.
    Note: The multilevel filtering feature is only supported on the OS2.1 Arise Pro, Modern, and North themes.
    2.2.1.png
  2. Select the page where you want to add the multilevel filters.
    2.2.2.png
  3. From the left menu, click Add component and select Multilevel filter.
    2.2.3.png
  4. Customize the component settings, including selecting the associated product collection, adding the component's copy, and adjusting the layout and format.
    2.2.4.png
  5. Click on each Filter title and enter the exact name as defined in the Smart Search Recommendation app. Based on your needs, you can add up to 8 filters. Please note that mismatched names will result in incorrect filtering.
    2.2.5.png
  6. Reorder the filter titles according to your preferences. You can also drag and drop the entire component to adjust its position on the page.
    2.2.6.png
  7. Preview the changes. When satisfied, click Save to apply the settings. 
Note: If your store supports multiple languages, remember to update the filter names in the Multi-Language Translator app under Templates > Theme templates. For detailed instructions, refer to this article

 

Have more questions? Submit a request

Comments