How to show only remaining available events

Can you clarify what you mean available remaining

Do you mean future events that are not sold out?

Can you give me some examples so i can understand what you are trying to achieve?

Hi Alan, yes that’s exactly it. I need to show only the future events that are not sold out yet.

It is not a standard feature of the plugin, and I expect fairly niche requirement to fully hide sold out events.

You can set registration form not to be displayed on full events – and that I expect is more normal.

However if you want to do you can use a little bit of jQuery, if you know how to add that. So set the registration form not to be shown and then use the text to hide the event e.g.

<script>
jQuery(document).ready(function($) {
$('.qem:contains("Registration is closed")').hide()
})
</script>

Oh ok, i’ll try to hide it with jQuery then.

Thanks for the response!

Let me know how you get on. I tested that code so it should be fine.

Did it go OK?

Hi Alan,

Yes the solution worked fine, just used vanilla JS instead of jQuery.

Thank you for the help.

Nice if you could share you snippet to the community

Sure, this is the code i used:

const allEvents = document.querySelectorAll(".qem");

  for (i = 0; i <= allEvents.length - 1; i++) {
    if (
      allEvents[i].children[1].children[5].innerText ===
        "Registration is closed" ||
      allEvents[i].children[1].children[4].innerText ===
        "Registration is closed"
    ) {
      allEvents[i].style.display = "none";
    }
  }

thanks