Jump to content

Display multiple dates for same event

Recommended Posts

Site URL: https://porcupine-bird-ax5f.squarespace.com

*site password is handtasteferments*

Hi, I am building a site for my client that will host a number of "pop-up" food events every month, some of which are on multiple days, i.e. Friday July 31st and Saturday August 1st. Always at the same time (i.e. 5-8pm) and with the exact same content (location, menu, sign up, etc). Right now I can only select a start date and an end date, but then the event looks like it goes from July 31 at 5pm to August 1 at 9pm. I display events on both the homepage as a summary block (with date and time as meta data below the content) and of course on the actual event listing and detail pages. I'm looking for a way to include both days so instead of July 31 - August 1 it says "July 31 & August 1". I've already used CSS to remove the little tag date that was showing up on the thumbnail so it's just the text itself. Thanks for any help!

 

 

homepage event summary.png

event detail page.png

event listing page.png

Edited by KellenMcG
wrong link
Link to comment

Hi there

You can try this snippet, add it into Advanced-> Custom code injection

document.addEventListener("DOMContentLoaded", function(event) { 
  document.querySelectorAll(".summary-metadata-item.summary-metadata-item--date").forEach(function(el) {
        var modified = el.innerText.replace("–", "&");
        el.innerText = modified;
    });
});

image.png.c13c7c31c1ebe1be6bd64f7b35f100eb.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Hi @bangank36, thanks so much for your reply. 

However, I've tried injecting that code into both the header and the footer blocks and it just...shows up as text either in the header or the footer - see attached. Could you please advise on next steps? Am I doing something wrong here? 

thanks again!

event code snippet header.png

Link to comment

Wrap the snippet between the tags <script> </script>

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 7 months later...
  • 4 months later...

I guess there's been no improvement from Squarespace on this?

We've been living with this problem for years. What we do is make sure that each of our event descriptions and excerpts leads with text giving the actual date and time, e.g., Saturday Oct 30 and Saturday Nov 6, 2021, 10 am to 4 pm.  I believe that over time we have actually trained our clientele to recognize and subliminally adjust for Squarespace event date anomalies. 😁

A worse problem, as I see it, is that a disjointed event date span, like the one above, makes a mess when displayed in the calendar format, because it shows the event on every single day in the intervening week. We finally just gave up trying to display a calendar of events on our Squarespace site.

Link to comment
  • 8 months later...
  • 9 months later...

Can you share your URL so I can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.