Your search shows up in two places: the dropdown that opens under your search box, and an optional full results page. This article covers how much each one shows, how the results page loads more products, and which filters shoppers can use to narrow things down.
Open Merchandising → Search, open a configuration and go to Configure → Results & Filters. The live preview next to the editor updates as you change things.
Choose what the dropdown shows
Under What the dropdown shows, pick one of three options:
- Suggestions only: a short list of matching products. Shoppers pick one straight from the dropdown. Set how many with Suggestions shown (1 to 12).
- Results: the full product grid, loading more as shoppers scroll.
- Results and filters: the grid plus a filter sidebar. On narrow screens the sidebar folds into a Filters button.
If you have a results page, pressing Enter or clicking "View all results" always opens it. Without a results page, the dropdown is the whole search experience, so Results and filters is usually the best pick.
Which one suits you? Suggestions only keeps the dropdown compact and works well for small catalogs or stores where shoppers know what they want. Results and filters works well for large catalogs where shoppers browse and compare.
Choose how the results page loads more
Under How the results page loads more, choose Load more as they scroll or Numbered pages. This only affects the results page. The dropdown always loads more as shoppers scroll.
If you see "No results page set up yet.", click Set one up. It takes you to the Launch step. How a results page is added depends on your platform, see Launch search on your store.
Pick your filters
Filters let shoppers narrow a search like "dress" down to their size, color or brand. They show in the sidebar on the results page, and in the dropdown when it shows results and filters.
- Go to Filters and comparison.
- Turn on Filter for each attribute shoppers should be able to filter by.
- Use the arrows in the Order column to set the order of the filters in the sidebar. Put the ones people use most, like size or category, at the top.
- Optionally give a filter a friendlier name under Shopper label, such as "Size" instead of "size_eu". Leave it empty to use the property name.
Not sure where to start? Above the table, Recommended lists attributes that make good filters, with how many of your products have a value and how many different values there are. Click one to add it.
On Shopify you also see Import your Shopify filters. Click Import filters to turn on the same filters your Shopify search uses, with the same names. If bluebarry cannot read your Shopify filter setup, it turns on recommended filters instead and tells you which ones.
Price and availability filters
Two filters are built in, so you do not need a special attribute for them:
- Price: a price range slider. It uses the price property you pick under Design & Styling.
- Availability: in stock and out of stock. It uses the stock property you pick under Design & Styling.
If either one says it needs a property, set the price or stock property first, see Style your search.
Let shoppers compare products
In the same table, turn on Compare for the attributes that matter when choosing between products, such as capacity, material or weight. As soon as one attribute has Compare on, result cards get a compare checkbox. Shoppers tick two or more products and open a side by side view of exactly those attributes.
The Shopper label is used here too, so a clear name pays off twice.
Good to know
- Changes save automatically. Check them in the Preview step, where you can switch between Search box and Results page and between Desktop and Mobile.
- Filter values come from your product data. If a filter looks messy, with values like "Red" and "red", clean them up in your catalog, see Manage product properties.
- Which attributes are searched is a separate setting under Matching, see Tune search matching. An attribute can be a filter without being searched.