Coding on productpage SS 7.1 version

Hi everyone,

I'm busy making a website with Squarespace for my business. I have just bought the universal filter option to integrate in my productpage/webshop. Nevertheless, it is not working. I've copied the following code, which normally would be enough to enhance my filters, but it's not working. 

Can anyone help me out?

Thanks a lot,

Kevin

<!--Header Injection Tab-->
<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>

<!--Footer Injection Tab-->
<script>
window.customFilterSettings = {
    'targets': [{
        container: '#block-yui_3_17_2_3_1512982186827_4022', //css selector to target container where you want to place filter
        items: '.summary-item', //css selector for items you want to filter
        settings: {
            view: 'dropdowns', // filter style
            showItemsCount: true,// if true, you will see your items counter, set false to hide
            filter: {
                enabled: true,
                category: false, // disable default categories dropdown
                tag: false, // disable default tags dropdown
                items: [{
                        name: 'Your Category Name', //name the dropdown here
                        allLabel: 'All', //name the showed label
                        allOption: 'All', //name all option for breadcrumbs and buttons views of Filter
                        multiple: true, // allow multiple options being selected
                        getAttr: 'categories'
                    },
                    {
                        name: 'Your Tags Name',
                        allLabel: 'All', //name the showed label
                        allOption: 'All', //name all option for breadcrumbs and buttons views of Filter
                        multiple: true, // allow multiple options being selected
                        getAttr: 'tags'
                    }
                ]
            },
            sort: {
                enabled: true,
                title: 'Sort', // name of sort dropdown
                items: [{
                    name: 'Name',
                    order: 'asc|desc', //add asc and desc order to parameters
                    sort: '.summary-title-link' //css selector or custom function here which returns the sort factor
                }]
            },
            search: {
                enabled: true,
                text: 'Search'
            }
        }
    }]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>

12 hours ago, Kevinvs said:

Hi everyone,

 

I'm busy making a website with Squarespace for my business. I have just bought the universal filter option to integrate in my productpage/webshop. Nevertheless, it is not working. I've copied the following code, which normally would be enough to enhance my filters, but it's not working. 

 

Can anyone help me out?

Thanks a lot,

Kevin

<!--Header Injection Tab-->
<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>

<!--Footer Injection Tab-->
<script>
window.customFilterSettings = {
    'targets': [{
        container: '#block-yui_3_17_2_3_1512982186827_4022', //css selector to target container where you want to place filter
        items: '.summary-item', //css selector for items you want to filter
        settings: {
            view: 'dropdowns', // filter style
            showItemsCount: true,// if true, you will see your items counter, set false to hide
            filter: {
                enabled: true,
                category: false, // disable default categories dropdown
                tag: false, // disable default tags dropdown
                items: [{
                        name: 'Your Category Name', //name the dropdown here
                        allLabel: 'All', //name the showed label
                        allOption: 'All', //name all option for breadcrumbs and buttons views of Filter
                        multiple: true, // allow multiple options being selected
                        getAttr: 'categories'
                    },
                    {
                        name: 'Your Tags Name',
                        allLabel: 'All', //name the showed label
                        allOption: 'All', //name all option for breadcrumbs and buttons views of Filter
                        multiple: true, // allow multiple options being selected
                        getAttr: 'tags'
                    }
                ]
            },
            sort: {
                enabled: true,
                title: 'Sort', // name of sort dropdown
                items: [{
                    name: 'Name',
                    order: 'asc|desc', //add asc and desc order to parameters
                    sort: '.summary-title-link' //css selector or custom function here which returns the sort factor
                }]
            },
            search: {
                enabled: true,
                text: 'Search'
            }
        }
    }]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>

Did you contact the author to help?

Try replace this id

#block-yui_3_17_2_3_1512982186827_4022

with

Quote

.summary-item-list

or

Quote

.summary-list