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

Filtering in 7.1


deaton72

Question

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

Link to comment

Recommended Posts

  • 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

Link to comment
  • 1
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.

Link to comment
  • 1
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.

Link to comment
  • 1
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?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

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 

 

Link to comment
  • 0
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! 

Link to comment
  • 0
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.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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!

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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>

 

Link to comment
  • 0
On 10/8/2020 at 1:21 PM, michaeleparkour said:

image.thumb.png.0a1c48cefc047e0379d972f3231d3303.png

 

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. 

Link to comment
  • 0
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.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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