How to add content blocks to left column on Event Detail pages?

Site URL: https://coconut-dolphin-d2rs.squarespace.com/upcoming-events/event-two-mtzrb-56k6s

Hello,

Is there a way to add content blocks to the left column of the Event Detail pages? I would like to add content blocks below the event title and meta data.

I thought about using CSS to hide the left column so I can create a custom column with content blocks but then there is no way to change the event title.

Here is a sample page: https://coconut-dolphin-d2rs.squarespace.com/upcoming-events/event-two-mtzrb-56k6s

PW: torch

Thank you,

Jeff

On 10/13/2021 at 7:33 AM, jeffratto said:

Site URL: https://coconut-dolphin-d2rs.squarespace.com/upcoming-events/event-two-mtzrb-56k6s

 

Hello,

Is there a way to add content blocks to the left column of the Event Detail pages? I would like to add content blocks below the event title and meta data.

I thought about using CSS to hide the left column so I can create a custom column with content blocks but then there is no way to change the event title.

Here is a sample page: https://coconut-dolphin-d2rs.squarespace.com/upcoming-events/event-two-mtzrb-56k6s

PW: torch

Thank you,

Jeff

If you can add content block under image, then we can use Script code to move it under date

On 10/15/2021 at 3:47 AM, tuanphan said:

If you can add content block under image, then we can use Script code to move it under date

Is there a way to do this with a code block but have it repeat on every event page?

https://www.openingnights.co.uk/events/ph/six

On 12/5/2022 at 3:51 PM, likemindedproductions said:

Is there a way to do this with a code block but have it repeat on every event page?

https://www.openingnights.co.uk/events/ph/six

Hi,

Yes. Possible. But Same text for all pages or different text? If same text, which text? Or you can add to Footer, then we will use script code to move its position.

If different, I think you need to add text via Markdown Block in Event Description, then we can move it easier

On 12/9/2022 at 2:35 PM, tuanphan said:

Hi,

Yes. Possible. But Same text for all pages or different text? If same text, which text? Or you can add to Footer, then we will use script code to move its position.

If different, I think you need to add text via Markdown Block in Event Description, then we can move it easier

Thanks for the response but I've built a fix:

<script>// Get the last code block in the .event-details element
  (function(){
let lastCodeBlock = document.querySelector('.eventitem-column-content .sqs-block-code')

// Get the .eventitem-column-meta element
let eventColumn = document.querySelector('.eventitem-column-meta');

// Move the last code block to the .eventitem-column-meta element
eventColumn.append(lastCodeBlock);
      }())
</script>

On 12/9/2022 at 9:35 AM, tuanphan said:

Hi,

Yes. Possible. But Same text for all pages or different text? If same text, which text? Or you can add to Footer, then we will use script code to move its position.

If different, I think you need to add text via Markdown Block in Event Description, then we can move it easier

Hey I would like this code. I have added an image to the bottom of my event details. Can you provide code to put it into the metadata column?

On 2/26/2023 at 10:38 AM, MattArch said:

Hey I would like this code. I have added an image to the bottom of my event details. Can you provide code to put it into the metadata column?

Add this to Code Injection > Footer. If it doesn't work, please share site url, we can check again easier

<script>// Get the last code block in the .event-details element
  (function(){
let lastCodeBlock = document.querySelector('.eventitem-column-content .image-block')

// Get the .eventitem-column-meta element
let eventColumn = document.querySelector('.eventitem-column-meta');

// Move the last code block to the .eventitem-column-meta element
eventColumn.append(lastCodeBlock);
      }())
</script>