Jump to content

How do I show a thumbnail image in the calendar block on days with more than one event?

Recommended Posts

Hi,

On normal event entries, it shows the event image:

image.thumb.png.62d43eab98713dd63f96511f2347b89a.png

 

However, on days when there's more than one event, it just shows the text:

image.thumb.png.f6024cf9b25b938af07d0a8fcd0baf7a.png

Is there a way to rectify this so it shows an image instead? So when you hover over the image, it shows links to both the events?

Thanks!

Link to comment
  • Replies 3
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

1 hour ago, elliehm said:

on days when there's more than one event, [the calendar] just shows the text. Is there a way to rectify this so it shows an image instead?

No. The Squarespace "backend" (the code you have no control over) doesn't load an image on the page (DOM) if there's more than one event. As the image hasn't been loaded, we can't use code to make one visible.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
  • 4 weeks later...
  • 2 weeks later...

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.