Product filter

by Admin on Apr 03, 2024

1. What is a product filter?

Product filters are features used to refine and narrow down search results or product listings based on specific criteria such as price, color, size, or category. They enhance the shopping experience by allowing customers to quickly find the products that match their preferences or requirements. 

At the theme level, you cannot directly add filters to your store. Instead, you'll need to utilize apps like Shopify Search & Discovery. These apps offer advanced filtering capabilities and integration with your Shopify store. For detailed instructions on how to set up and customize filters, you can refer to the Shopify guide here.

Once configured through such apps, the theme's role is to display these filters on your storefront, typically on collection and search results pages, enabling customers to easily navigate through available options. 

In the collection page:

In the search page:

2. How to create filters for collection/search results pages?

To create filters for your collection and search results pages, you'll need to rely on apps like Shopify Search & Discovery. Each app may have its own documentation and instructions for adding filters, so it's essential to refer to the specific documentation provided by the app you're using. 

You can find detailed instructions in the documentation provided by the Shopify app you've installed. For more information, you can refer to the Shopify documentation here: Shopify Search & Discovery Filters Documentation.

3. How to customize the filters in the storefront?

To customize the filters in the storefront, the Eurus theme has these settings:

  • Enable the filters and customize the filters.
  • Configure the layout, including options for sticky filters.
  • Choose desktop filter layout: Drawer, Aside, Above

  • Set up pagination for navigating through the filtered results: Offer options for customers to select the layout of products on desktop and mobile separately; Pagination type

  • Customize the information shown on the product cards like vendor, Quick view button..
  • Adjust padding and styling to ensure the filters blend seamlessly with your storefront's design.

By configuring these settings, you can tailor the filters to suit your preferences and optimize the browsing experience for your customers.