Filtering in 7.1

Did you figure this one out yet? I am having a similar problem. 

Hi. found out you can add tags to the photo descriptions in a gallery and then the UF works, but it only does tags and I need 2 categories. I am still working on it. 

I am going to try a summary block and see if that works. I'll let you know 

I'm interested in figuring this out, too.

On 5/7/2020 at 10:08 PM, deaton72 said:

Hello

I am working on a project page for a design firm in 7.1 The PLAN was to make a project gallery and then use the Universal Filter (https://www.squarewebsites.org/products/universal-filter)  to filter projects by type/service/etc... and do so via TAGS and CATEGORIES

The user would filter, then clock on the image and then it would link to a project page. An example is here (https://corn-apricot-zn88.squarespace.com/gallery). If you click on the first image (fire station) you see what we want visually.  But we NEED them to filter! 

Now I see that the only place to add tags is in BLOG posts, not in portfolio/gallery pages or gallery block (I have re-added the gallery block to our 7.1)  We do not want all the info with the blogs showing in either the summary or project page, we just want photos with a rollover.

The Filters says "Universal Filter plugin works with any Squarespace List Collections: Blog, Products, Gallery, Events, Album or Custom Post Types. Also, it works with Blocks which capable to show List Collections: Summary Block, Gallery Block. Some templates has Index of Galleries structure - this also may be used with Filter."

But I cannot see where to add categories/tags in anything except blog posts to make this work. 

Is there a way to add TAGS to the portfolio or gallery blocks? Or is there a workaround with make the summary blog block work without all the text? 

 

Thanks

Hi. You may use custom function in getAttr and use keywords from Portfolio items SEO Description and 7.1 Galleries Images Descriptions. And sure no problem to have several filtering dropdowns with different options

Quote

Hi. You may use custom function in getAttr and use keywords from Portfolio items SEO Description and 7.1 Galleries Images Descriptions. And sure no problem to have several filtering dropdowns with different options

Hi, can you provide examples of how to do this?  Thanks! 

16 hours ago, Cal_D_Sein said:

Hi, can you provide examples of how to do this?  Thanks! 

Edit sub portfolio page settings > Advanced > SEO > Add tag in SEO Description.

On 6/12/2020 at 12:52 PM, tuanphan said:

Edit sub portfolio page settings > Advanced > SEO > Add tag in SEO Description.

Are you able to provide examples of what the code looks like for this? I'd love to do this as well!

3 hours ago, jezhawk said:

Are you able to provide examples of what the code looks like for this? I'd love to do this as well!

Demo: https://www.loom.com/share/0ffc01fe59c94d41b81605ce18e90542

@deaton72 you can add gallery blocks in 7.1 with this add-on https://www.squareaddons.com/shop-2/slideshow

Was this solved? Do the tags in gallery descriptions and SEO descriptions work for the universal filter plugin - just checking before I purchase it... 

On 8/20/2020 at 12:11 AM, Jase_studio said:

Was this solved? Do the tags in gallery descriptions and SEO descriptions work for the universal filter plugin - just checking before I purchase it... 

It works sure

Hey @michaeleparkour, I'm using the Universal Filter on a client website, and had to change the tags & categories to better suit what my client is looking for. When I deleted the previous tags & categories then added the new ones, they will no longer show up within the universal filter. I've deleted the code and added it again several times, with no luck. My code is below. Website to preview is https://phoenix-selections.squarespace.com/memphis-portfolio, PW: chris

<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>
<script>
window.customFilterSettings = {
    'targets': [{
        container: '#block-yui_3_17_2_1_1596521666021_4391',//inspected Summary block id
        items: '.summary-item',// it's always .summary-items for Summary Blocks
        settings: {
            showItemsCount: false,
            position: 'top',
            keepDropdownsOpen: false,
            customClasses: 'buttons-inline',
            simpleFilter: {
                show: {
                    effect: 'fade',
                    transitionDuration: 800,
                    stagger: 60
                },
                hide: {
                    effect: 'fade',
                    transitionDuration: 100,
                    stagger: 18
                }
            },
            filter: {
                category: true,
                tag: true,
                items: [{
                    name: 'Region',
                    multiple: true,
                    getAttr: 'categories'
                }, {
                    name: 'Tags',
                    multiple: true,
                    capitalcase: true,
                    getAttr: 'tags'
                }]
            },
            sort: {
                enabled: true,
                items: [{
                    name: 'Alphabetical',
                    order: 'asc|desc',
                    orderTexts: 'A-Z|Z-A',
                    hideName: true,
                    sort: '.summary-item-link'
                }]
            },
            search: {
                text: '',
                enabled: true
            }
        }
    }]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>

7 hours ago, creativepunch said:

Hey @michaeleparkour, I'm using the Universal Filter on a client website, and had to change the tags & categories to better suit what my client is looking for. 

 

Your Summary is with external links - in this case you need to set collectionUrl  in filter config.

12 hours ago, michaeleparkour said:

Your Summary is with external links - in this case you need to set collectionUrl  in filter config.

so I need to replace the #block id with the collectionUrl? Just not sure exactly where you're meaning to add this into the filter config..

24 minutes ago, creativepunch said:

so I need to replace the #block id with the collectionUrl? Just not sure exactly where you're meaning to add this into the filter config..

Check on docs page please

On 10/8/2020 at 1:21 PM, michaeleparkour said:

 

Check on docs page please

I'm still not sure what this mean to be honest. I've checked that page,  copied that code, added it into my site. And nothing has yet to change. I've gone back through it several times and I'm just not sure what the issue is or what exactly I need to add. It was filtering categories and tags just fine, but wasn't recognizing any newly added tags or categories. Once I deleted the old tags and categories, the code just stopped working. I tried duplicating the website as well, having Blog posts without external links, and starting over, and nothing is working. 

17 hours ago, creativepunch said:

I'm still not sure what this mean to be honest. I've checked that page,  copied that code, added it into my site. And nothing has yet to change. I've gone back through it several times and I'm just not sure what the issue is or what exactly I need to add. It was filtering categories and tags just fine, but wasn't recognizing any newly added tags or categories. Once I deleted the old tags and categories, the code just stopped working. I tried duplicating the website as well, having Blog posts without external links, and starting over, and nothing is working. 

You just were needed to set the collectionUrl and link it to your real collection source url - I'm not sure why you were copying some code...

You may DM me and invite on site for help.

Hi
Just to add (complexity) to the discussion. 

Is there any way of creating a filter for code blocks? 
https://www.simoneaves.com/home-reshaped-gifs
Cheers

On 2/1/2021 at 11:26 PM, tootansimooon said:

Hi
Just to add (complexity) to the discussion. 

Is there any way of creating a filter for code blocks? 
https://www.simoneaves.com/home-reshaped-gifs
Cheers

You should contact him via their site, you will get faster respond.

On 2/1/2021 at 6:26 PM, tootansimooon said:

Hi
Just to add (complexity) to the discussion. 

Is there any way of creating a filter for code blocks? 
https://www.simoneaves.com/home-reshaped-gifs
Cheers

You obviusly may filter anything that exist on page)

On 2/4/2021 at 9:35 AM, tuanphan said:

You should contact him via their site, you will get faster respond.

Hi

Contact who?

Cheers

Simon

On 2/5/2021 at 11:59 AM, michaeleparkour said:

You obviusly may filter anything that exist on page)

Hi

But Im not sure how...

Cheers!

1 minute ago, tootansimooon said:

Hi

Contact who?

 

Cheers

Simon

I guess me if you want to use Universal Filter))

Hey michaeleparkour, pretty novice with code, but trying to using universal filter and injected summary code into the header here: https://cuimcsurgevents.squarespace.com/services-test

And I don't think I'm pointing to the correct #block - I'm trying to filter cats/tags for the images in the section added on this 'Shop' page, so that I could have a grid of items that could link to shoppable items in my "Origin Store" store type page + link to external sites as needed.

I found a section id container, but then I didn't see the universal filter modules. Can you tell me how I would rewrite this to point to the correct container and items in my page.... or is that not possible because I didn't add them in a summary block?

targets': [{
        container: '#block-6022ccbbca958571763a6004', //css selector to target container where you want to place filter
        items: '.summary-item', //css selector for items you want to filter

@TMSqSpace I see a set of images blocks on this page - so you'd really better back to docs page and read WHAT is supported to work with Filter. So use on Summary block or any list collection