Setting up Filters on collections

Introduction

Filters on collections is a feature, which allows adding Searchanise Filters to your store collection pages. So, customers will be able to filter and sort collections based on product attributes.

There are pre-installed filters with the most common attributes like price, product type, vendor, availability, etc. You can add and use as many filters as you need.

Example of a collection page with Filters on collections:

An example of the "Filters on collections" feature

With Filters on collections, customers can narrow down the search in just a few clicks and choose something suitable in your online store.

Note

The Filters on collections feature is available starting from the PRO plan up to 5000 products.

Setting up Filters on collections

There are two ways to set up Filters on collections in your store:

  1. Through redirecting Shopify collection links – the app will replace all links to collections ([store_url]/collections/…) in your store with the links that lead to the page with the Search Results Widget ([store_url]/pages/search-results-page?collection=…). Therefore, by clicking on the collection link, you will view products in the Search Results Widget.
  2. Through embedding HTML code into the Shopify template – the theme code should be modified to use the collection template of our app instead of the theme default one. In this case, you will view collection products in the Search Results Widget as in the first way, but collection links won’t be changed.

You can pick the most convenient way and follow the instructions.

Important info

The links are replaced using the custom code that starts executing only after the page is loaded. To avoid it we recommend you accelerate the loading of the app’s scripts using this guide.

To set up Filters on collections through redirecting Shopify collection links, follow these steps:

  1. Go to the Smart Search & Filter control panel > Filters on collections section > General tab.
  2. Select the Navigation through redirecting Shopify collection links option.
  3. Apply the changes.
  4. Optionally, hide the Search Results title in the collection pages and display your collections titles.

The Filters on collections feature is set up. You can go to your Shopify collections in the storefront and check out how it works.

If you face any troubles with setting up the feature, you can contact us. We will be glad to help you.

Tip

To exclude a specific collection from Filters on collections, add the .snize-exclude-link class to the necessary collection link. You can do that in the navigation block of your theme. The main menu navigation is included in the header of a theme. See an example:

Excluding a collection

Hiding Search Results Title

To hide the Search Results title in the collection pages and display your collections titles, follow these steps:

  1. Go to Shopify admin panel > Online store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Templates directory click page.liquid.
    Important info

    If your theme is Online Store 2.0 (Dawn, next-generation themes), it has a different structure. In this case:

    1. Click page.json in the Templates directory
    2. Find the page’s main section name in the type attribute: 

      The page's main section name in the file

    3. Open the file with the found name in the Sections directory. In the example above it’s main-page.liquid
  4. Find the line with the page title:

    Finding the line with the page title

  5. Add snize-search-results-page-title CSS class to the element that contains the page title: 

    Adding CSS class to the element that contains the page title

  6. Save the changes.

Through embedding HTML code into the Shopify template

To set up Filters on collections this way, you need to edit or customize your themeBelow you can find the instructions for Vintage and Online Store 2.0 (Dawn, next-generation themes) themes:

Disabling Filters on collections

To disable Filters on collections, follow these steps:

  1. If you enabled the Navigating through embedding HTML code into the Shopify template option, then reverse the changes in the collection.liquid file.
  2. Go to the Smart Search & Filter control panel > Filters on collections section > General tab.
  3. Select the No navigation option.
  4. Apply the changes.

That’s it. The Filters on collections feature is disabled.

Settings

There are some settings for Filters on collections. You can manage them in the Smart Search & Filter control panel > Filters on collections section > Settings tab.

Setting Description
Sorting
Default sorting Changes the collections sorting. Default sorting on Shopify is Date: New to Old.
If the collection was added to the Manual sorting list, the default sorting for it will be named Featured.
Show out of stock products at the end of list Moves the out-of-stock products to the end of the products list. The option is disabled by default.
SEO
Include collection part in product url Includes the collection’s handle into the product URL, for example, your_store.com/collections/watches/products/watch_1.
The setting is enabled by default.
Override collection SEO information Overrides the page titles and meta descriptions of your store with the Searchanise SEO settings: the Smart Search & Filter control panel > Translations section > Search Results Widget tab > SEO part.
The setting is disabled by default.
If it is disabled, it will be used SEO data, adjusted in Shopify.

Manual sorting

See the instructions.

Troubleshooting

Collection in the store shows all the products

The main reasons:

  1. It’s a new collection and it hasn’t been indexed by Searchanise yet. Searchanise doesn’t index collections automatically, so after creating one you need to click the Force re-indexation button in the sidebar.
  2. The Filters on collections feature was disabled, but, in case you had set up Navigating through embedding HTML code into the Shopify template, you didn’t return the Shopify code that shows collections.
  3. Your current plan does not support the feature anymore. It can happen when you downgrade your plan or go from the trial plan to the free plan.
  4. You set up a link to a collection using the Filter collection with tags setting in the Shopify navigation menu. However, the app’s filters based on tags or filter values corresponding to tags in the menu are hidden. In this case, you should:
    1. Go to the Smart Search & Filter control panel > Filters section.
    2. Check that the status of the filter by tags is Active. If it is Hidden, edit it to Active.
    3. Check that the status of the filter value used for filtering the collection in the menu is Active. To do that, click the Manage filter link next to the filter by tags. If it is Hidden, edit it to Active.
Updated on June 21, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top