Configure Sorting and Filtering for Product Lists

Use the Product List settings to control how shoppers sort and filter products in your Ecommerce Store.

In the Store Builder, open the Product List Page, select the Product List element, then open Sort & filter options. Enable sorting or filtering as needed, choose your layout, customize the available settings, then save and publish your changes.

Sorting and filtering are available on the Product List element..

Layout Options

Once you enable sorting or filtering, you can choose between Horizontal and Vertical sorting and filtering layouts on desktop:

• The Horizontal layout displays sorting and filtering controls across the Product List Page. This is the default layout for existing Product Lists, so existing stores do not change automatically.
  
  
• The Vertical layout displays filters beside the product list, allowing shoppers to view filters while browsing products. Applied filters are also displayed so shoppers can easily see their current selections.

These layout options available on Desktop only. Tablet and mobile use the full-screen filter drawer.

Note: Switching between Horizontal and Vertical does not remove your existing filter settings.

Sorting Options

Enable sorting to let shoppers change the order in which products appear.

The available sorting options include featured date, alphabetical order, and price, with ascending and descending choices for each. Use the dropdown to set to default sorting option.

On mobile, shoppers access sorting from the Sort control, which opens the available options in a bottom sheet.

Filtering Options

Enable filtering to let shoppers narrow the products shown on the Product List Page.

• Availability: Shoppers can filter products by In stock or Out of stock. By default, both options are selected so products remain visible until the shopper applies a more specific filter.
  
  
• Price: The Price filter lets shoppers narrow products using a price range. The minimum and maximum values are based on the products in the list and update as the catalog changes.

On mobile, filters open in a full-screen filter drawer, where shoppers can adjust their selections and apply or clear filters.

Customize the Colors and Text

Customize the appearance of your sorting and filtering controls to match your storefront. Styling is maintained separately for the Horizontal and Vertical layouts, so changes made to one layout do not automatically change the others.

Related Articles

• Manual Product Sorting on Product List Page in Ecommerce Stores 
  
  
• How to Customize Product Cards in Ecommerce Stores