On this page
Check your theme settings
Edit your theme.liquid file
Add a drop-down menu to collection pages
Add radio buttons to collection pages
Edit drop-down menu styling for Jumpstart
Check your theme settings
Most themes include the option to enable a drop-down menu to filter collections by product tag. To check if your theme has this option:
Go to the theme editor and navigate to a collection page in the theme preview. When you are viewing a collection page in the theme preview, you will see the Collection pages tab in the theme editor:
Collection pages tab
Click Collection pages. If your theme includes the option to enable filtering by tag, then you will see a Enable filtering by tag checkbox in the theme editor:
Enable tag filtering
Check Enable filtering by tag.
Click Save.
If your theme does not include the option to enable a drop-down menu to filter collections by product tag, then you can add one by editing your theme code. Continue to follow the next steps.
Edit your theme.liquid file
In this step, you will add some JavaScript to your theme.liquid file.
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Layout directory, click theme.liquid.
Find the closing
tag, near the bottom of the file. Paste the following code on a new line before the closing tag:
