Shopify storefront filtering is supported in Galleria version 3.0+ and ShowTime 7.0+. Tag group filtering is supported in all versions of Galleria and in versions 6.4.7 and below of ShowTime. Please see the "Tag group filtering" section below for detailed instructions and videos on how to set that up. If you're interested in learning more about storefront filtering, please check this article.
Our themes support product filtering on the collection pages in several ways. Storefront filtering allows you to filter products based on attributes like availability, price, and product variants like color, size, etc. Tag group filtering allows you to filter products by any category you wish by adding tags to your products. This short video talks about the options in detail and shows you how to set them up.
Tag group filtering (Deprecated)
The information below is somewhat old and the videos show older versions of Shopify, but the setup is still nearly identical to how these videos are presented. Please be sure to watch both videos if you plan to setup tag group filtering. It is supported in all versions of Galleria (including 3.0) as well as ShowTime versions 6.4.7 and below.
If you have a lot of products and want users to have the ability to narrow down their selections by category, this new feature is for you. This feature is built in and used the same way in all of our themes.
To set this up, first choose Group Filtering in your Collection page settings under Product Filtering. Follow the steps below to enable advanced group filtering like the image below.
Define your groups
In the image above, the groups are Brand, Focal Length, and Resolution
Tag your products
If you're just starting out, you can tag your products one-by-one in the product page within your Shopify dashboard. If you have a lot of products to tag, you may wish to export your existing products into a CSV file and update them with a program such as Microsoft Excel.
Prepend all existing product tags (or create new ones) with what group you want them to be in. The format should be Group_Tag Name.
Based on the image at the top of this page, we would have tags like Brand_Canon, Focal Length_18 - 55mm, and Resolution_12 MP.
The left side of the underscore is the group name, and the right side is the tag for the product. Spaces can be included on either side of the underscore. You need to add these tags to all the products you wish to filter.
Save your products when you edit them. If you have edited a .csv file to add your tags, save it and import the products back into your store. Make sure you check "Overwrite existing products that have the same handle" when uploading the file to prevent duplicate products from being created.
Adjust the Order of Filters
Note that the ordering of the tag filters is not supported in Galleria 3.0+.
The default order of the filters will be alphabetical, but many customers have asked us how to customize this.
There is a new section in your Theme Settings under the Collection Pages heading. Make sure Group Filtering is selected as your Product Filtering Method. Once this is selected, you now have to list your groups in order for them to appear. This is how you can order your groups.
Be sure that you list your groups by the names you used for the tags. No underscores are needed. They should be typed in a case-sensitive list separated by commas with no spaces in between. Once this is done, your filter groups will now show in this order on your site. The filters themselves will show alphabetically in each group. If you're okay with that, you're finished setting up your filters. If you need to customize the order of the filters themselves too, continue reading.
Re-Ordering the Filters Themselves
For those that need precise ordering of the filters themselves, you can create navigation menus to order them. The name of the menu must match your group name. So if you have a group name "Price" you must create a menu called "Price" in order for it to work properly. Next, you must add your tag names to the menu (everything to the right of the underscore). Please see this screenshot for a reference:
Just add links to each of the tags you added to your products (without the filter names). These are case sensitive. The Links To... field doesn't matter -- you can link these to whatever you want. Once you're finished and you have them in the order you want, save the menu and your filters will be ordered properly. If needed, you can create other menus for other groups, or you can ignore those if you're fine with them being arranged alphabetically.
Shopify has made some changes in the back end of their platform which changes a few steps described in the video. To access the filtering settings, you now have to go to Online Store > Themes > ShowTime > Customize Theme. From there, you will navigate to any collection page within the settings browser to see the collection page settings show on the left. Click there to see the filtering settings.
The process for setting up the custom menu required to specify the order of the filters in any particular group has also changed slightly.
The video below provides a brief overview of the changes required to get group filtering to work with our themes.
If you're having problems with your group filtering, please see this troubleshooting article for some answers to common issues.