Jump to content

7.1: Display "Filtering by" for tags, author name, etc.?

Recommended Posts

In 7.1, if you click on a tag or author name, you basically see the exact same page as the parent collection page but with the filtered results. Unlike 7.0, there is no visual indicator (i.e. text) to tell you what exactly changed and how your results were filtered.

Am I missing something or is there a way to display how exactly you filtered, such as with a "Filtered by tag XXX" in 7.1?

Link to comment
  • 1 month later...
  • 4 months later...

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.

Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter

This seemingly arbitrary limitation feels impossible to solve.

Why Squarespace? Why?!

If anyone has a solution for this I'd like to know.

Thanks!

Link to comment
On 12/30/2020 at 11:54 AM, mferrini said:

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.

Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter

This seemingly arbitrary limitation feels impossible to solve.

Why Squarespace? Why?!

If anyone has a solution for this I'd like to know.

Thanks!

I should clarify, that this situation is solvable, to a point using the Universal Filter plugin by exposing the .filter-value with CSS, like:

/* -- Expose .filter-value -- */  
.custom-filter-container .filterDropdown:not(.outside-values-visible) .outsideFilterValues {display: block;}

This will show the name of the tag or category a user has filtered underneath the filter name.

And this works wherever the filter is applied, but it really should be built in AND developers/clients should have the ability to name the value title, which using Universal Filter can be done within the config script for tags and/or categories, here:

name: 'Filter By Topic',
multiple: true,
capitalcase: true,
getAttr: 'tags'

Also, it's unfathomable to me why Squarespace would make the arbitrary decision to limit how tags and categories can be displayed AND to set character limits to categories.

Perhaps they'll add this back to 7.1 and have some internal reason for not doing so already, but a little more transparency from them would be greatly appreciated, especially with features that have been removed in the transition from 7.0 to 7.1.

Link to comment
  • 1 month later...

Unfortunately I'm not sure this works for doing it by Author.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
  • 2 years later...

I'm trying to get this to work on my site but none of it seems to be impacting it, I tried both versions above but the filter results pages are still blank at the top. Any idea on what I'm missing? 

 

I would like the tag displayed on the filter-by-tag pages and the category displayed on the filter-by-category pages.

Link to comment
23 hours ago, sasyrae said:

I'm trying to get this to work on my site but none of it seems to be impacting it, I tried both versions above but the filter results pages are still blank at the top. Any idea on what I'm missing? 

 

I would like the tag displayed on the filter-by-tag pages and the category displayed on the filter-by-category pages.

What is your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/10/2024 at 10:24 PM, tuanphan said:

What is your site url?

The tags to filter Events by tag is not working for me. The tags are essential for other areas of the website, so I can't reallocate them into Categories. Not to mention the amount of content I'd need to go through.

If  @tuanphan or anyone can help in at least the slightest I will be so appreciative, and will try to contribute across the forum as I am able!

url:  https://www.fplegal.com/events/detail

Link to comment
On 1/18/2024 at 4:53 AM, thedowntowncreative said:

The tags to filter Events by tag is not working for me. The tags are essential for other areas of the website, so I can't reallocate them into Categories. Not to mention the amount of content I'd need to go through.

If  @tuanphan or anyone can help in at least the slightest I will be so appreciative, and will try to contribute across the forum as I am able!

url:  https://www.fplegal.com/events/detail

Not sure why, but I can't access your site

image.thumb.png.125e3b3f4dad1eb527ac841932789446.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 1/29/2024 at 4:56 AM, thedowntowncreative said:

Hi @tuanphan there was a block that was removed. Could you please try checking again? https://www.fplegal.com/events/detail

Tag show fine to me, for example this

https://www.fplegal.com/events/detail?tag=shirkey

image.png.5243bbeded1fda0d27bb92e12aa05114.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/1/2024 at 10:51 PM, thedowntowncreative said:

Oh! It works only for upcoming events, NOT past events, right?

Is there any way to get it to also filter for past events? Thank you kindly @tuanphan 🙂 

I see it still shows Past Events, for example

image.thumb.png.c25c443aa7bec901ef43d3640e21b223.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Try adding this code to Last Line in Code Injection > Footer

<script>
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=shirkey/.test(loc)) {
    $('body').addClass('t-tag');
  }
});
</script>
<style>
  .t-tag .eventlist.eventlist--past {
    display: block !important;
}

.t-tag [data-section-id="659c3ad1a3d72319c0f88977"] {
    display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 2/7/2024 at 5:21 AM, tuanphan said:

Try adding this code to Last Line in Code Injection > Footer

<script>
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=shirkey/.test(loc)) {
    $('body').addClass('t-tag');
  }
});
</script>
<style>
  .t-tag .eventlist.eventlist--past {
    display: block !important;
}

.t-tag [data-section-id="659c3ad1a3d72319c0f88977"] {
    display: none;
}
</style>

 

Hi @tuanphan ! This is awesome! It looks like it works for that one particular tag. Will I need to set per each tag? Such as:
 

<script>
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=other-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=and-another-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
});
</script>


?

Link to comment

Yes, but you can combine to this to make it shorter

<script>
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
    if(/tag=other-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
    if(/tag=and-another-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
 
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/17/2024 at 9:49 PM, tuanphan said:

Yes, but you can combine to this to make it shorter

<script>
 $(function() {
  var loc = window.location.href; // returns the full URL
  if(/tag=tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
    if(/tag=other-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
    if(/tag=and-another-unique-tag-name-here/.test(loc)) {
    $('body').addClass('t-tag');
  }
 
});
</script>

 

This is awesome. Thank you @tuanphan Excellent being able to now filter events by tag. Weird how Squarespace didn't already have this capability. 

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.