Format Past Events

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

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>

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>

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>

Format Past Events

How it works

Design smarter, launch faster.