Jump to content

Automatically display text when summary block is empty

By alicroft, in Customize with code

Go to solution Solved by paul2009,

Recommended Posts

alicroft Level 5

alicroft

Posted
Posted (edited)

I've tried every solution I could find here on the Circle forum, but none are working!

page: https://theveil.squarespace.com/nfk
(scroll down to "Upcoming Events" section)

template: Royce

I've got a Summary Block displaying Events, filtered by Category. When nothing matches the filter criteria, there is just a big black space on the page. I'd prefer it to automatically display text when the summary block is empty, like

"There are no upcoming events at this location."

Note: The Upcoming Events section on the page is actually a page (/nfk-events) nestled within an Index Collection (/nfk), in case it matters.

Anyone have ideas / updates to the old solutions for this? (https://forum.squarespace.com/search/?&q=empty summary block&search_and_or=and&sortby=relevancy)

Screen Shot 2019-11-11 at 20.17.50.png

Edited by alicroft
add detail
Link to comment
  • Replies 34
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

iamdavehart
iamdavehart

don't know if this is relevant posting this on an old thread (i'm relatively new to adding messages to forums so haven't seen a lot of the old ones), but saw this and thought that there's a css only w

paul2009
paul2009

Hi @alicroft The solution that I provided in March 2018 still works if the template doesn't use Ajax or if it is disabled. It's an old answer, so if you have Ajax enabled, you'll need to re

paul2009
paul2009

To be clear, the code won't work in the page header injection of either of these if you have Ajax enabled. (Note that Ajax is never enabled when you are logged on to a site! This makes it appear

Posted Images

  • Solution
paul2009 Level 17

paul2009

Posted
  • Solution
Posted

Hi @alicroft

The solution that I provided in March 2018 still works if the template doesn't use Ajax or if it is disabled.

It's an old answer, so if you have Ajax enabled, you'll need to replace the domready function with onInitialize instead: 

<script>
window.Squarespace.onInitialize(Y, function(){ 
  var summaryExists = document.getElementsByClassName("summary-title")[0];
  if (summaryExists == null) { 
    document.getElementById('no-events').innerHTML = "There are no upcoming events at this location.";
  }
}); 
</script>

 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
paul2009 Level 17

paul2009

Posted
Posted

To be clear, the code won't work in the page header injection of either of these if you have Ajax enabled.

(Note that Ajax is never enabled when you are logged on to a site! This makes it appear to work whilst logged on, but as soon as you hand over a site and the client tries it, they'll find it doesn't work 😫) 

If further checks are added to the code to identify the collection or URL it can then be inserted in the Footer Injection and it will play nice with Ajax 🙂.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
alicroft Level 5

alicroft

Posted
  • Author
Posted

@paul2009 I have Ajax enabled, and inserted your code as written above into the Collection's header injection, and it's working...!

Is this delicate in some way? (I know nothing about Ajax or javascript!) Should I move it into the Footer Injection area of the site instead? I'd prefer to leave it on the Collection so I can customize what it says for each summary block on the site, if possible.

Link to comment
paul2009 Level 17

paul2009

Posted
Posted

It will only work if you are logged on, or if you load that specific page. If you navigate from another page to that one, it won't. 

 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
paul2009 Level 17

paul2009

Posted
Posted

I wrote a guide that may help you to understand how Ajax affects JavaScript on Squarespace:

https://sf.digital/squarespace-solutions/why-doesnt-my-code-work-until-i-refresh-the-page

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 5 months later...
paul2009 Level 17

paul2009

Posted
Posted
1 minute ago, Ida_nymand said:

I'm unable to see the answer, you provided. Do you know why that is?

You can't see the original post because Squarespace upgraded their forum and deleted lots of content. However, I had repeated the answer below the link (as shown in your screenshot 🙂).

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
Guest

Guest

Posted
Posted

Thanks, I thought that was in relation to disabling Ajax, haha.  I've tried to insert the code in my Index page header injection, but it doesn't seem to be working. I don't have Ajax enabled.

I'm using the Stella template - do you think this might be why it's not working? 

 

Link to comment
paul2009 Level 17

paul2009

Posted
Posted
2 hours ago, Ida_nymand said:

I'm using the Stella template - do you think this might be why it's not working? 

Stella is a Brine-family template, so it should be fine. The code needs to be inserted in the site footer injection area. (Settings > Advanced > Code Injection). If it doesn't work for you, please post a working link to the page.

 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
Guest

Guest

Posted
Posted
16 hours ago, paul2009 said:

Stella is a Brine-family template, so it should be fine. The code needs to be inserted in the site footer injection area. (Settings > Advanced > Code Injection). If it doesn't work for you, please post a working link to the page.

 

I tried to insert the code in the site footer injection area, but it's still not working. Would be great if you would take a look at it. Link to the page: https://www.rumligcph.dk/hjem 

The Summary Block is located under the 'Events' headline. 

Thanks! 

Link to comment
paul2009 Level 17

paul2009

Posted
Posted

Your Summary Block is showing some upcoming events, so the message will not be shown.

1943208354_Screenshot2020-04-30at12_19_46.png.7f6cd6e8bd3a37ca0277f2cd25592369.png

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
Guest

Guest

Posted
Posted
On 4/30/2020 at 1:21 PM, paul2009 said:

Your Summary Block is showing some upcoming events, so the message will not be shown.

1943208354_Screenshot2020-04-30at12_19_46.png.7f6cd6e8bd3a37ca0277f2cd25592369.png

Sorry for the late reply. There are two Summary Blocks on the page - one is located under the headline 'Events' and not showing anything (this is the one, where I would like the 'no upcoming events' text), while the other is showing the latest blogposts (the one in your screenshot). 

Maybe the problem is that there are two Summary Blocks on the page? 

  

Skærmbillede 2020-05-05 kl. 20.42.52.png

Link to comment
  • 3 weeks later...
  • 2 months later...
paul2009 Level 17

paul2009

Posted
Posted
22 minutes ago, Yasheng said:

It also doesn't work for my 7.1 site. 

@Yari @Yasheng

I provided this solution in 2018 when Squarespace 7.1 did not exist! 🤔

If you'd like assistance with a 7.1 site, please post a question that includes the URL of the page on your site and what you'd like to achieve. If the site is hidden from public view, please set a site password and tell us what it is.

 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 3 weeks later...
  • 1 year later...
Wonderneath Level 4

Wonderneath

Posted
Posted
On 5/5/2020 at 3:47 PM, Ida_nymand said:

Sorry for the late reply. There are two Summary Blocks on the page - one is located under the headline 'Events' and not showing anything (this is the one, where I would like the 'no upcoming events' text), while the other is showing the latest blogposts (the one in your screenshot). 

Maybe the problem is that there are two Summary Blocks on the page? 

  

Skærmbillede 2020-05-05 kl. 20.42.52.png

Were you able to find a solution to this? I am trying to do this on a page with two summary blocks as well and it doesn't work. 

The code does work with only one summary block.

Link to comment
paul2009 Level 17

paul2009

Posted
Posted

@Wonderneath @alicroft If the solution isn’t working for you, please provide more details, including the URL for the page so that we can see the issue and test a solution.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
Wonderneath Level 4

Wonderneath

Posted
Posted

@paul2009

I don't have the page live yet to view. 

I am creating a page that contains 2 Summary blocks. The first summary block on the page is a summary of a blog for community updates. The second Summary block is for Events in our calendar, it is on this second summary block that I need the code to work on. 

I have used your code on three other pages and it works perfectly but this is the only page it won't function on and I assume it is because I am using two differnt summary blocks.

Thank you!

If looking at our site at all will help you even though you can't see this specific page it is 
www.wonderneath.com

 

Link to comment
paul2009 Level 17

paul2009

Posted
Posted
15 minutes ago, Wonderneath said:

I am creating a page that contains 2 Summary blocks.

You can't achieve the same effect if there is more than one Summary Block, because Squarespace remove the empty Block and there's nothing to check.  

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources