Most of the theme installers we provide for the Filter Menu either add a sidebar to your theme or add the filters to your theme's existing sidebar on collection pages. We do however support adding the filters as a row of dropdowns at the top of your collection pages. 

The install process for this is a bit different from the automated installer and it does require some minor theme modifications. However, this also allows you to place the dropdowns in an ideal position for your theme and design.

To start, we need to find out if you have already installed the Filter Menu on your theme. If so, we need to first remove it. If you have a backup theme, then we would suggest working on the backup theme - don't worry, we'll take a backup of the backup.

We should now have a clean theme to start work on. 

Go to the Theme Installer page, by clicking on "Theme Installer" in the app sidebar and select your clean theme. It may now prompt you to run the installer for that theme type, instead, we want to choose the Generic Theme with dropdowns installer. This can be found in the list of installers shown on the page.

Make sure you select to take a backup of your theme, just in case.

Once the installer is done, we need to make the final change to your theme, adding the:

{% render 'filter-menu' %}

code to your theme's collection page. 

There are no rules to where this code should go, however, a good place is often after your collection description.

You can edit your theme using the theme editor in your store. And that should be it. 

If you have any additional questions, please contact support through the live chat in the app, or at

Did this answer your question?