Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Universal Plug-in (Squarewebsites) Help Needed


Question

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

6 answers to this question

Recommended Posts

  • 1

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!

– Cody and Team, The Ghost Co.

👻 Ghost Plugins: 350+ free plugins and installed-for-you templates resource
🎉 Ghost Marketplace (Coming Soon): First-ever Squarespace product related marketplace

📰 Read my Circle Member Community Story (thank you, Squarespace!)

Link to comment
  • 1

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

Edited by michaeleparkour
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...