Product Filtering in Your Online Store

A category page with 400 items is hard to navigate. With product filtering, customers can narrow down the results themselves to what’s relevant—for example, black shoes in size 42 for under 800 kroner—instead of scrolling past everything else. The filter appears on your category pages and in search results, and you can set it up yourself in the admin panel without help from a developer. Note, however, that product filtering only works in the Montana and MontanaB2B themes, and we’ll come back to that in the next section.

Customers can find the right product faster, and you’ll have pages that feel like a real online store rather than a long catalog. This article explains how to create a filter, which facets you can choose from, how to name them, and what customers see in the store. If you’re looking for the older version of filtering on your online store, that article is still available.

Filtering works only in Montana and MontanaB2B

Product filtering works only in two themes: Montana and MontanaB2B. If your store uses a different theme—such as Delaware, California, Washington, Alaska2, or a theme built specifically for you—you cannot use product filtering.

You can see this right away in the admin panel: if your theme doesn’t support filters, the Design → Filter menu item won’t appear at all. If you’re unsure which theme you’re using, you can check the list of themes in Shoporama or email support@shoporama.dk.

How to create a filter

1. Go to Design → Filter in the admin panel and click Create Filter.
2. Give the filter a name. The name is only visible in the admin panel, so choose something that’s easy for you to recognize, such as “Clothing and Shoes” or “Default Filter.”
3. Under “Show filter on,” choose whether the filter should be used on category pages, in search results, or both. You can limit it to selected categories; if you don’t select any categories, the filter applies to all category pages.
4. Add the facets from the dropdown menu. A facet is a group of options, such as “Brand” or “Size.”
5. Give each facet the name you want customers to see, and expand it to select which options to include if the facet has settings.
6. Drag the facets up and down until the order is right. The most important one should be at the top.
7. Save, and view a category page in the store to see the result.

The facets you can choose from

You decide which facets to include and where they appear. The values themselves come from your products, so you don’t need to enter them manually.

• Stock Status. A single checkbox that filters the results to show only items in stock. This is invaluable in a store where part of the product range is backordered, because it prevents the customer from clicking on an item that isn’t available for purchase.
• Brand. The customer’s shortcut to the brand she already knows. A sports store can let the customer go directly to her favorite brand instead of scrolling through the entire category. Read more about brands.
• Supplier. Same principle, but based on the supplier the item comes from. This is especially useful in a store where customers are familiar with the wholesaler, such as a home improvement store or an auto parts store.
• Subcategories. Displays the subcategories for the category the customer is currently in. If the customer is in “Coffee,” she can narrow down to “Whole Beans” or “Ground Coffee” with a single click. See also the article on categories in your online store.
• Product labels. You choose which labels customers can filter by. A pet store, for example, can let customers select “Organic” or “Grain-Free” if the products are labeled as such.
• Profile attributes. Variants such as Size, Color, or Language. You choose which attributes to include, and the values are displayed with the number of options next to each one. For example, a bookstore can filter by Language, while a clothing store can filter by Size and Color.
• Price. Ranges the customer can choose from, such as under 100 kroner or over 500 kroner. See the section on price ranges further down.

The filter also applies to search results if you enable it. This allows customers to start with a broad search and then narrow it down, rather than having to get the perfect search query right on the first try. Learn more about the search function in Shoporama.

Names and Combining Values

Each facet is given a name that the customer sees, and it doesn’t have to be the same as the one in the admin panel. If you’ve used a field for something other than what the name suggests, name the facet after what you’ve actually entered in the field. If “Author” is in the “Brand” field, the facet is called “Author,” and if “Importer” is in the “Supplier” field, it’s called “Importer.” Choose the word your customers actually use.

If your products come from multiple suppliers, it’s common for the same size to be written in two different ways. If your products list both “S” and “Small,” they’ll typically be displayed as two separate options. You can fix this by giving them the same name—for example, “Small”—and they’ll be merged into a single option for the customer.

You don’t need to go through the entire list. The values you leave unchanged will automatically appear with the text listed on the products.

Shared values consolidate your profiles

If you use shared values on your product profiles, the filter handles a large part of the consolidation on its own. A value linked to a shared value appears under the shared value’s name. If a value is linked to the shared value “Medium,” it will appear as “Medium” in the filter, even if it’s named something else in the profile. This can happen, for example, if your profiles were migrated using Claude and the values weren’t renamed.

At the same time, shared values from other profiles are automatically included if they are also used by the attributes you’ve selected in the filter. Only the shared values are included: if the pants profile also has regular values, such as W32, they won’t be displayed until you manually select the pants profile’s attribute in the filter. If you’ve selected “Size” from your T-shirt profile, and your pants profile uses the same shared sizes, “Medium” will display both T-shirts and pants. If you later create a new profile with the shared sizes, it will also appear in the filter without you having to go to Design → Filter. Read more in Shared Values.

Numbers as ranges, e.g., working pressure

Some attributes are numbers, such as working pressure, length, or diameter. In these cases, the customer rarely searches for exactly 400 bar, but rather for anything that can withstand at least 400 bar. Check the “Show as intervals” box on the attribute facet, and the customer will see options such as “Less than 250 bar,” “250–400 bar,” and “400 bar and up” instead of each value listed individually.

Enter the intervals one per line, just like price ranges: -250 means anything below 250, 250–400 means from 250 up to 400, and 400– means 400 and above. If you leave the field blank, we’ll automatically calculate round intervals based on the numbers in your values. If you enter overlapping intervals, a value will only be included in the first interval it fits into.

The number is read from the beginning of the value, so 400 bar counts as 400. Values without a number at the beginning, such as “Unknown,” are not included in any interval. If all values have the same unit, such as bar, the unit is included in the interval names. If you’re using split values, you can also manually enter a number for a split value under “Split Values,” and that number will be used instead. This is useful if the name doesn’t start with a number. You don’t need to do anything in the theme: the intervals appear as regular options in the filter.

Price Ranges

Enter price ranges one per line, for example, 0–100, 100–250, and 500–. The last range covers everything from 500 kroner and up. If you leave the field blank, the system automatically generates rounded intervals based on the prices in your own store, which is usually a good starting point.

The price filter calculates the price the customer sees—that is, the sale price when an item is on sale. Promotional prices, however, are not included because they are calculated only when the page is displayed. If you run a lot of promotions, be aware that an item with a promotional price may fall into a different range than the price the customer actually pays.

The filter as its own page

A filter can also have its own page at the address /filter/summer-sale, where the last part is the word you choose for the page. On a category page, the category determines which products are displayed, but on the filter’s own page, you select the selection yourself based on categories, product labels, brands, or only items in stock.

This is handy when you want to put together a selection that spans categories—for example, all items with the “Sale” label—and direct traffic there from a newsletter, an ad, or a menu item.

Here’s how it looks to the customer

Next to each filter option is the number of products, and this number is calculated based on the settings of the other filters. If the customer first selects a brand, the numbers in the other filters update so she can see how many items each subsequent selection yields before she clicks. A filter without any values isn’t displayed at all, and the same applies to a single option with no products. If there are no items with a specific product label in the results, the entire filter is skipped instead of appearing empty. However, if the customer combines multiple facets, the results may still end up being empty.

The selected filters appear as small buttons above the products, each with a checkmark that deselects that option, and there’s a button to clear everything at once: “Clear All.” On mobile, the filter is hidden behind a “Filter” button that expands it into a full-screen panel so it doesn’t take up space from the products. Pagination and sorting are preserved when the customer filters, so she isn’t sent back to page 1.

The customer’s selection is included in the page’s URL. This means she can bookmark or share a filtered page, and you can copy the URL yourself and use it as a link in a newsletter or ad. The filter also works even on slow connections and older phones. If your theme needs to fetch products in the background instead, there’s a technical article on AJAX filtering.

Hide the category menu when a filter is active

In Montana, the category menu and the filter share the same left column, and on some stores, this can be overwhelming. That’s why the setting “Hide the category menu when a filter is active” is available under Design → Theme Settings → Category Pages. If you enable it, the category menu disappears on pages where a filter is displayed, so the customer has only one place to click.

If you still want the subcategories within easy reach, you can add the “Subcategories” facet to the filter. Then the customer can click through the subcategories within the current category directly from the filter.

For developers: Enable filtering in your own theme

This section is intended for those who build or maintain a theme. If you’re using Montana or MontanaB2B, everything described below is already in place, and you can skip this section.

A theme tells Shoporama itself that it can display filters. This is done with a single line in the theme’s `theme_settings.json` file:

{
  "info": "My Theme",
  "supports_filters": true
}

Without that line, the Design → Filter menu item won’t appear, and the store owner won’t be able to create a filter. With it, however, the theme guarantees that it will actually display the filter where products are shown, so make sure to set it only after the templates are in place.

The flag intentionally does not specify which types of facets the theme can display. All facets have the same structure—a name, a list of options, and a count next to each—so a new facet type will work in your theme without you having to change anything. The template variables themselves, a complete code example, and how the filter’s own page is structured are described in the theme documentation under the section on product filtering.

Frequently Asked Questions

I can’t find Design → Filter in my admin panel. Is this something I need to enable in my account?

It’s not an account setting—it’s the theme. The menu item only appears when you’re using a theme that supports filtering, and only Montana and MontanaB2B do. If, for example, you’re running Delaware, California, Washington, Alaska2, or a custom-built theme, the menu item won’t be there at all. If you’re unsure which theme your store is running, please email support@shoporama.dk.

I’ve had my own theme built on top of Delaware. Can I just enable the filters there?

No. The theme itself must support filtering, and only Montana and MontanaB2B do. A theme built on top of Delaware, or another theme created specifically for you, does not support filtering, and therefore the menu item is not visible in the admin panel. If you want to use product filtering, you’ll need to either switch your store to Montana or MontanaB2B, or update your theme to support filtering. Email support@shoporama.dk, and we’ll figure out what makes the most sense for your store.

I’ve created a filter, but it doesn’t appear on the category page. What did I do wrong?

Check the "Show filter on" field. The filter must be set to appear on category pages, and if you’ve also selected specific categories, it will only apply to those. If you don’t select any categories, the filter will apply to all category pages. Also, keep in mind that a facet with no products in the results won’t show up at all, so in a small category, the filter might look sparse even though everything is working as it should.

My product selection is constantly changing. Do I need to go in and adjust the filter every time?

Almost never. New brands, suppliers, sizes, and colors appear automatically because the values come from the products. However, if you create a completely new product label or a completely new attribute—for example, “Material”—you’ll need to add it yourself under Design → Filter, because you’re the one who chooses which labels and attributes are included. The exception is attributes that share values with an attribute already included in the filter. They’re added automatically. The number next to each option is calculated based on the current results, and options with no products associated with them are skipped. If you leave the price ranges blank, they will also adjust automatically. Otherwise, you only need to go to Design → Filter if you want to change names, order, or which labels, attributes, and other facets are included.

What happens to a facet if there are no products left in it?

It won’t be displayed. For example, if there are no products with a specific product label in the results, the entire facet is skipped instead of appearing empty—and the same applies to a single option with no products. That’s why the same filter may look slightly different from category to category, and that’s entirely by design.

Does the price filter work correctly when I run sales and promotions?

The price facet calculates based on the price the customer sees—that is, the sale price when the item is marked down. Promotional prices, however, aren’t included because they’re calculated only when the page is displayed. An item with a promotional price may therefore fall into a different price range than the price the customer actually pays, and this is worth keeping in mind if you run promotions for most of the year.

What happens from an SEO perspective when customers click through the filters?

Filtered pages are automatically set to `noindex` with a canonical tag pointing back to the plain category or search page, so Google doesn’t index all the combinations. So you won’t wake up to hundreds of new URLs in the search results. The selections are still embedded in the URL, so you can share a filtered link yourself whenever you need to.

Can I send traffic directly to a filtered page from a newsletter or an ad?

Yes. Set the filters as you’d like them, copy the URL from the browser’s address bar, and use it as a link. If you’d like a cleaner URL and a selection that spans categories, you can instead give the filter its own page at /filter/summer-sale and select the products yourself based on categories, product labels, brands, or only items in stock.

If you have any questions or would like help setting up your first filter, please email support@shoporama.dk.