Format Past Events | Template Docs

Docs

Format Past Events

Update the Events Grid to have past events formatted with upcoming events.

Applies to

Cove

Kintsugi

Learnable

Nautilus

Opponent

Parable

Retrograde

How it works

Want to have past events display inline with your upcoming events? Paste this code into the Code Injection of your Events page (Settings » Advanced » Page Header Code Injection).

<!--Put Past Events into Upcoming Events Grid-->
<script>
document.addEventListener('DOMContentLoaded', function() {
var up = document.querySelector('.eventlist.eventlist--upcoming');
var past = document.querySelector('.eventlist.eventlist--past');
if (!up || !past) return;
past.querySelectorAll('.eventlist-event').forEach(function(item) {
up.appendChild(item);
});
past.parentNode.removeChild(past);
});
</script>

<!--Put Past Events into Upcoming Events Grid-->
<script>
document.addEventListener('DOMContentLoaded', function() {
var up = document.querySelector('.eventlist.eventlist--upcoming');
var past = document.querySelector('.eventlist.eventlist--past');
if (!up || !past) return;
past.querySelectorAll('.eventlist-event').forEach(function(item) {
up.appendChild(item);
});
past.parentNode.removeChild(past);
});
</script>

<!--Put Past Events into Upcoming Events Grid-->
<script>
document.addEventListener('DOMContentLoaded', function() {
var up = document.querySelector('.eventlist.eventlist--upcoming');
var past = document.querySelector('.eventlist.eventlist--past');
if (!up || !past) return;
past.querySelectorAll('.eventlist-event').forEach(function(item) {
up.appendChild(item);
});
past.parentNode.removeChild(past);
});
</script>

Still have a question?

Check out the FAQ page, or send a message via the Contact page.