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!