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 post
  • Answers 28
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

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) 

Posted Images

Recommended Posts

  • 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 post
  • 0
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 post
  • 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 post
  • 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.

Link to post
  • 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 post
  • 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

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

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

Link to post
  • 0

Hey michaeleparkourpretty 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

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...