EDitorialAdmin

I posted on the Square Websites Slack a few weeks ago, but wasn't able to find the help I needed to get it running. Possible that I missed a reply since I last checked, or that I misunderstood some feedback so I'll definitely check again!

Thanks, all! @michaeleparkour, I'll reach out to you directly!

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>

I posted on the Square Websites Slack a few weeks ago, but wasn't able to find the help I needed to get it running. Possible that I missed a reply since I last checked, or that I misunderstood some feedback so I'll definitely check again!

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>

Thanks, all! @michaeleparkour, I'll reach out to you directly!

@EDitorialAdmin Did you reach out to Square Website?  @michaeleparkour is responds pretty quickly 

It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!