Jump to content

Universal Plug-in (Squarewebsites) Help Needed

Recommended Posts

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>

Link to comment
  • Replies 6
  • Views 1.5k
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.