Site URL: https://swordfish-toucan-xbld.squarespace.com/
Hi All,
I'm working on placing a universal filter plug in (from square websites) to my site, and between the directions on the code that I purchased, and the slack forum, I've found myself increasingly confused - I'm hoping someone might be of assistance. ( @tuanphan I've heard you're a wizard at development). I'm not an experienced developer, so I'm in desperate need of help!
Website URL: https://swordfish-toucan-xbld.squarespace.com/
Specific Page: https://swordfish-toucan-xbld.squarespace.com/reviews/programreviews
Objective: I'm trying to create a dynamic filtering system for users to check off different attributes (tags), and find a product that matches their desired attributes.
Issue(s): I've tried every different area available to place the code, on different pages...the Custom CSS Code Injector on the settings tab, the page-specific code injection, coding blocks...nothing seems to be working to get this up and running.
Code:
<!--Header Injection Tab-->
<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>
<script>
window.customFilterSettings = {
'targets': [{
container: '.ProductList',
items: '.hentry',
settings: {
position: 'top',
align: 'center',
showItemsCount: true,
keepDropdownsOpen: false,
filter: {
enabled: true,
category: false,
tag: false,
items: [{
name: "Categories",//dropdown name
allowedOptions: "Medical Stabilization Unit, Inpatient, Residential, PHP, IOP",// with that list you reduced the full categories list dropdowns is receiving to this list only
multiple: true,//allow to select several categories
getAttr: 'categories'
}, {
name: "Age Group",//dropdown name
allowedOptions: "All Ages, Children (11 and Under), Adolescent (12-17), Adult (18+)",//with that list you reduced the full categories list dropdowns is receiving to this list only
multiple: true,
sort: 'asAllowed',//with that setting options will be showed in dropdown in the same order as in allowedOptions
getAttr: 'categories'
}, {
name: "Genders",//dropdown name
allowedOptions: "All Genders, Women, Men, Girls, Boys",// with that list you reduced the full categories list dropdowns is receiving to this list only
multiple: true,
sort: 'asAllowed',//with that setting options will be showed in dropdown in the same order as in allowedOptions
getAttr: 'categories'
}]
}
}
}]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>