choosing a selection results in a full page refresh
/* /* Product Tag Filters – Good for any number of filters on any type of collection pages */
var collFilters = jQuery(‘.coll-filter’);
collFilters.change(function() {
var newTags = [];
collFilters.each(function() {
if (jQuery(this).val()) {
newTags.push(jQuery(this).val());
}
});
if (newTags.length) {
var query = newTags.join(‘+’);
window.location.href = jQuery(‘Liquid error: tag filter argument must be a string or tag’).attr(‘href’).replace(‘/’ + ‘tag’, ‘/’ + query);
}
else {
window.location.href = ‘/collections/face-coverings-and-masks’;
}
});
Click on Save
Add a Drop-down menu to Collection page
To add a drop-down menu, you can follow the following steps. But you can skip these steps if you want to use the radio button.
You will first need to add a drop-down code to your theme. The code will vary depending on the theme you are using:
For Brooklyn Theme:
In the Snippets directory, click collection-template.liquid. Paste the following code in a new line above to the closing tag in the file:
Browse by tag:
For Jumpstart theme:
In the Section directory, click collection-template.liquid. Paste the following code in a new line below the opening