Automatically display text when summary block is empty

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>

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. 

Thank you so much @paul2009, that worked perfectly!

For anyone else trying the same:

The script did not work in the page header injection (/nfk-events), but it did in the Index Collection header injection (/nfk).

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

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

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

Understood, thank you for clarifying! 

Hi @paul2009

I'm in the exact same pickle as alicroft, but I'm unable to see the answer, you provided. Do you know why that is?

Would love an answer to this problem!

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

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? 

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.

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! 

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

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.

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? 

Hi! I'm wondering if this solve works with either version of Squarespace. Tried it on 7.1 and having no luck (with either the Ajax and non-Ajax code). Still tinkering but thought I'd ask in the meantime.

It also doesn't work for my 7.1 site. 

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.

 

@paul2009 

Hi Paul,

Are you possibly to help me with this?

I have a 7.1 site and I'm wanting to add this also when we have no events coming up!

Website is: https://www.tavernharewood.co.nz/whats-on

Thanks!