Customise the 'Back to All Events' URL and display text for an event list

Site URL: https://www.craft.org.au/craftcontemporaryprogramming

Hi Squarespace community!

I am hoping someone can please assist with some code to inject into an event list (not site wide, just an event list) that allows you to customise the URL and display text  (<-- Back to All Events)

thanks so much!

Can you share link to event in screenshot? We can check easier.

Hi tuanphan, sure! Here is a link https://www.craft.org.au/craft-contemporary-events/from-idea-to-reality

I would like to customise  'Back To All Events' text and URL that is displayed in the top left hand corner below the logo if that is possible.

Thanks so much! 🙂

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(function($){
    $(".eventitem-backlink").html(function() { 
          return $(this).html().replace("Back to All Events", "New text");  
    });
});
</script>

Hi Tuan that is fantastic thank you!
The code worked and updated the 'Back to All Events' text, thanks so much for your help!

I am hoping to now replace the link for that text and link that text to a different url (this URL (which is the overview of all events) https://www.craft.org.au/craftcontemporaryprogramming)

i.e replace the link for the 'Back to Craft Contemporary Hub' text

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(function($){
    $(".eventitem-backlink").html(function() { 
          return $(this).html().replace("Back to All Events", "New text");  
    });
  $('.eventitem-backlink').attr('href','https://beaverhero.com');
});
</script>

replace beaverhero with new url

Thank you Tuan you have saved the day! 🙂

@tuanphan Thanks for this! Unfortunately this is not working with Ajax enabled for me. Any ideas why that would be? Working on a 7.0 Brine site. Thanks!

@nathanchien

Please post the URL for your event page on your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Is it possible to use this same function to add a second link and text in line with the first?

On 6/21/2023 at 9:14 PM, captbackfire said:

Is it possible to use this same function to add a second link and text in line with the first?

Add it here?

Let me give you the background of what I need to do. A better answer has to exist.

The site I'm deploying has two calendars: Preschool Events and K-8th Events. Instead of sending the user back to All Events, I want to send them back to the calendar page from whence they just came.

I've read the two other articles on changing the URL of the Back to All Events link, and in both, the new target was a fixed URL. I would like to have the script automatically determine by some criteria (document referrer, category, tag, etc) which of the two calendar pages the user came from based on where they are and make that URL the target of the back button.

Diagnostic Testing (Reading and Math) — The SAE School (squarespace.com)

K-8 Events — The SAE School (squarespace.com)

Preschool Events — The SAE School (squarespace.com)

My thinking on adding a second link where your red box is was to just create two manual static links and avoid all logic.

On 6/23/2023 at 9:48 PM, captbackfire said:

Let me give you the background of what I need to do. A better answer has to exist.

The site I'm deploying has two calendars: Preschool Events and K-8th Events. Instead of sending the user back to All Events, I want to send them back to the calendar page from whence they just came.

I've read the two other articles on changing the URL of the Back to All Events link, and in both, the new target was a fixed URL. I would like to have the script automatically determine by some criteria (document referrer, category, tag, etc) which of the two calendar pages the user came from based on where they are and make that URL the target of the back button.

Diagnostic Testing (Reading and Math) — The SAE School (squarespace.com)

K-8 Events — The SAE School (squarespace.com)

Preschool Events — The SAE School (squarespace.com)

My thinking on adding a second link where your red box is was to just create two manual static links and avoid all logic.

What is access password?

 https://cinnamon-bellflower-84lt.squarespace.com/preschoolevents/preschool-meet-greet-dragon-drop-in

https://cinnamon-bellflower-84lt.squarespace.com/k8-events

You can add code to Page Header: Preschool Meet Event Page Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(function($){
    $(".eventitem-backlink").html(function() { 
          return $(this).html().replace("Back to All Events", "Back to Preschool Events");  
    });
  $('.eventitem-backlink').attr('href','/preschoolevents');
});
</script>

and add this to K-8 Events Page Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(function($){
    $(".eventitem-backlink").html(function() { 
          return $(this).html().replace("Back to All Events", "Back to K8 Events");  
    });
  $('.eventitem-backlink').attr('href','/k8-events');
});
</script>