This article is also available in:
With ShopBase, you can customize your collection and search filter so that your customers can quickly find products by their availability, price, color, and more on the collection page.

This filter is only available for Inside V2.0.0 themes. Please refer to this article for more information about Theme Editor version 2.0 and how to upgrade your theme.
Filters are only displayed in collections with less than 1,000 products.

In this article

A. Add filters to collection pages
B. Enable filters on your storefront
C. How filters are displayed on your storefront

A. Add filters to collection pages

From your ShopBase admin, go to Online store > Navigation.


In the Collection and search filter section, click Add filter to select additional filters to be displayed in the sidebar of your collection page.


By default, this menu will display only the Price and Product Types filters.

Check the box for any filters you wish to display on the collection pages. The filter conditions are divided into 2 groups:

Product information, which includes the following conditions:

Availability: to filter out available products.
Price: to filter out products using price range.
Product type: to filter out products using product type.
Vendor: to filter out products using vendor's name. This filter is displayed as Brand on the storefront.

Product options, which includes conditions based on the product options you have already added to your products.


To delete a filter, uncheck the box.

Once finished, click Save.

You can also delete a filter by clicking on the trash can button.


Now that you have selected which filters you wish to display in your collection page's sidebar, you need to navigate to the theme editor to enable filters on your store.

B. Enable filters on your storefront

From your ShopBase admin, go to Online store > Themes. Click Customize next to the Inside V2.0.0 theme you want to edit.


Please refer to this article on how to upgrade your Inside theme to version 2.0.

Click on the drop-down menu and select Collection to customize your collection pages.


Click on Collection section.


Check the box next to Enable filtering to enable filters on your store's collection pages.


In Filter title, you can customize the title of the sidebar filter displayed on the storefront. The default title is Filters.



Once finished, click Save.

C. How filters are displayed on your storefront

Once filters are successfully configured, your customers can easily filter out products using conditions that you set up as follow:

From the store's collection page, click on Filters (this name can be different depending on the Filter title you set up in the Theme editor).


On the side bar, customers can choose 1 or more filters to search according to their criteria. After selecting the filter conditions, click on the Apply button to activate the search filter.


The selected filter values will be displayed along with the filtered products on the collection page as follow.



Related articles

Overview of Collection
Overview of Products
Was this article helpful?
Cancel
Thank you!