Shopify collection filters with metafields and without an extra app?

Pulsev > Blog > Creating an online store > Shopify collection filters with metafields and without an extra app?
Shopify kategooria filtrid

We all know how difficult it is to find the right product from the infinitely long categories of an e-shop with a larger product selection. At the same time, with a convenient collection filtering solution, you can quickly reach the right product out of several thousand products.

Previously, adding filters to product groups to the site created on the Shopify platform was relatively time-consuming and limited. The e-store manager had to choose either a theme that supported product tag filtering or add additional functionality to their Shopify store using a paid app.

New Shopity built-in collection filter functionality

With the latest update, the creation and management of collection filters have been added to the Shopify base functionality and is available in all Shopify plans. The previous metafield management update, that we have written about in previous posts, set a good base for this new collection filtering functionality.

You can find filter management in the Online Store → Navigation → Collection and search filters in the Shopify admin panel. Please check first your theme version and whether it supports the new collection filter functionality. If you’re not sure if your theme supports it then ask your theme developer support and you’re sure to get an answer.

What type of filters can you add?

All fitlers depend on the information which you have added to your products. By default, all Shopify stores have an option to add a filter by stock, price, product type and brand. But only if you have added information to the product type and brand (Vendor) fields of course.

Baas filtrid

Variation product option as a filter

If your store has products with variations then you can also set them as filters. Shopify also allows you to add  multible variation options as filters, such as product color and size for example.

variatsiooni filter

If your e-shop does not have products with variations, you will not see this setting option in the administration view.

Custom collection filters based on metafields

Shopify now also allows you to create filters for any collection with metafields. If you have not used any metafields before then you can easily create them by yourself. (watch video)

Creating a new metafield is easy by itself, but adding information to each product is already a lot more work. You must open each product in the Shopify admin and add exact values to it. It is definitely worth remembering that words with uppercase and lowercase letters are considered as different values. For example, if when you add values to material filed then dont add “Birch” to one product and “birch” to another product or you have two different filter options in your store collection filter. Unfortunately, it is not yet possible to add values to metafileds with Shopify built in export / import functionality and you have to do all the product data enrichment in the Shopify admin panel.

We created 2 example filters in our test store.Pproduct material and room to where the product would be suitable for.

Custom metafield filter with multible options

If you want to be able to select several options for one product to the same filter then you need to select Text → Single line text → check box in the “Accept list of values” box when creating the metafield. This way, you can choose a product that is suitable for both the kitchen and the living room. See our example in the following video.

Shopify merchants and developers have been waiting for a long time for this kind of a functionality to add a multi-value filter.

Feel free to let us know if you have trouble creating filters or if you have any futher questions regarding filtering or about Shopify in general.

    0 0 votes
    Article Rating
    Subscribe
    Notify of
    guest
    0 Comments
    Inline Feedbacks
    View all comments
    0
    Would love your thoughts, please comment.x
    ()
    x