Universal Plug-in (Squarewebsites) Help Needed

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>

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

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!

https://www.squarewebsites.org/contact just reach out to him

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!

I see Summary block on https://swordfish-toucan-xbld.squarespace.com/reviews/programreviews so not sure why you tried to apply Products config there. So if you only paste summary id to container (or you may just type  container: '.summary-v2-block', as you have ONLY one Summary block on page) and items: '.summary-item',  it will work

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