Filtering in 7.1

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

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.

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

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.

@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

7 minutes ago, TMSqSpace said:

Yea, I read it I just had built the blocks a while back and then thought they were summary before I applied the filter, when I went to investigate because I was having issues yesterday I realized the mistake I had made and then wanted to reach out to see if there was a solve. For summary blocks the 40 items cap is a limit for our team and for shops the inability to integrate non-store items, like a video embed is limiting as well. You don't have any creative solutions/recs for that issue do you?

Use Summary block with Lazy Summaries plugin or just activate on Gallery or Blog collection and style in the way you need.

On 2/23/2021 at 9:48 PM, michaeleparkour said:

Use Summary block with Lazy Summaries plugin or just activate on Gallery or Blog collection and style in the way you need.

With the recent change of summary block editor, can the plugin still working that way?

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.

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>

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..

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. 

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!