How to add Filter by Size variant

busyXploring
New Member
2 0 0

Hi There - I cannot find where to add the 'Filter by Size' variant option for my website (www.busyxploring.com). Is there an app anyone suggests or an easy way to add coding to do this?

I have seen some website that use shopify have this option and I cannot find out how to add it that way customers can shop items in stock in their size.
(for example, https://www.happyearthapparel.com/collections/short-sleeve-tees has the Filter size/fit)

I use the paid version of the Archetype IMPULSE theme. 

0 Likes
PeanutButter
Shopify Partner
330 65 136

Hi there,

option1 - with no apps and using products tags

The only way to filter a Shopify collection without an app (which seems what the site you sent is doing) is by filtering by tags.
Here you can find the official Shopify tutorial on how to implement filtering by tags: https://shopify.dev/tutorials/customize-theme-filter-collections-with-product-tags

If you prepend any tag handle to a collection you will get that collection filtered by that tag, for example, this is a collection of the site you send:

https://www.happyearthapparel.com/collections/short-sleeve-tees

and if you prepend small to it, it filters the collection by products tags as small:

https://www.happyearthapparel.com/collections/short-sleeve-tees/small

So really it is not tagging by the variant option size but by a product tag

options 2 - using apps

There are a lot of apps which do this. The one I've used in more projects is https://apps.shopify.com/product-filter-search. Works great and loads results super fast.  Also has search with auto-suggestion

 

 

If you only want to implement 1 

 

Then there are apps which do this 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
kate-nel
New Member
2 0 1

Hello @busyXploring 

You can add filter by product tags or options. The Impulse theme has the feature to add filters by tag groups. https://archetypethemes.co/blogs/impulse/how-should-i-organize-my-products-and-filters  However, you need a smart tag app to automatically tag your products in your Shopify store based on available size variants. 

The theme filter doesn't allow multiple filter selection of the same type. If customers want to select both S and M, they have to go back and forth to apply separate values. Ultimate Filter & Search app offers dynamic product filtering with easy set up and the most lightweight codes. It has many tools to help you improve conversion such as Search merchandising, Instant Search with product suggestion.

 

PeanutButter
Shopify Partner
330 65 136

@kate-nel I didn't know about the smart-tags app, pretty cool! thanks for sharing

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
PeanutButter
Shopify Partner
330 65 136

@busyXploring did you check our suggestions? 

Do you need any further help?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
busyXploring
New Member
2 0 0

@PeanutButter @kate-nel Thank you both so much! After weighing my options/budget, I decided on the tags option. Now I just have to get through all my products and remember to update them when I get new inventory! 


Have a great week!

0 Likes