Help with events displaying and categoriziation

[ad_1]

Hey guys I recently have been tasked with updating my restaurant's website on wordpress.

I'll get right to the issue at hand. Whoever built the website was using VSEL plugin to post events.

https://preview.redd.it/2ftbom61mdod1.png?width=1047&format=png&auto=webp&s=6dc0910a521390114b168761c3d1dc2dc00e5d57

The issue that I'm having is that when you click an event category, nothing changes.

https://preview.redd.it/od5y7193mdod1.png?width=1019&format=png&auto=webp&s=520622d4ed1f1c9a870d32da8353261df46d2c22

The person who set up the page initially put some javascript code to the events page:

<script type="text/javascript">
function allDpEvents() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab-current";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("paintandsip-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("paintandsip").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function murderDinner() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab-current";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";    
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function wineDinner() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab-current";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function whiskeyDinner() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab-current";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function beerDinner() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab-current";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function cigarWed() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab-current";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function liveMusic() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab-current";
    document.getElementById("specmenus-btn").className = "dp-vert-tab";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-show";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-hide";
}

function specMenus() {
    document.getElementById("alldpevents-btn").className = "dp-vert-tab";
    document.getElementById("murderdinner-btn").className = "dp-vert-tab";
    document.getElementById("winedinner-btn").className = "dp-vert-tab";
    document.getElementById("whiskeydinner-btn").className = "dp-vert-tab";
    document.getElementById("beerdinner-btn").className = "dp-vert-tab";
    document.getElementById("cigarwed-btn").className = "dp-vert-tab";
    document.getElementById("livemusic-btn").className = "dp-vert-tab";
    document.getElementById("specmenus-btn").className = "dp-vert-tab-current";
    document.getElementById("alldpevents").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("murderdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("winedinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("whiskeydinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("beerdinner").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("cigarwed").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("livemusic").className = "wpb_text_column wpb_content_element flex-hide";
    document.getElementById("specmenus").className = "wpb_text_column wpb_content_element flex-show";
}

</script>

And I've ensured that the slugs for the event categories are correctly labeled, but that doesn't seem to be helping..

I went ahead and added "console.log("Murder Dinner function triggered");" to the Murder Dinners javascript code to be sure that the link is working correctly. This is the error I click one of the event categories:

https://preview.redd.it/ckgffad5ndod1.png?width=544&format=png&auto=webp&s=4a8c3e408ef6a016b6a7923c5671099c87e5d670

Finally, on the event page's html they have some calls for the VSEL that look like this:

"[vsel event_cat="whiskey-dinners" no_events_text="There are no upcoming Whiskey Dinner events. Please check back soon!"]"

I've also tried replacing that vsel with "<div id="whiskeydinner" class="flex-hide">
[vsel event_cat="whiskeydinner" no_events_text="There are no upcoming Whiskey Dinner events. Please check back soon!"]

</div>" to no avail… ("whiskeydinner" is the slug for the event category) .

[Edit:] Currently the content being displayed right now is a single event that I just listed ALL the events on. So if I were to create a new event, it would like this this:

https://preview.redd.it/ogonl9xqqdod1.png?width=708&format=png&auto=webp&s=9efb585834ec7a96fbb9a7a630e0370ea87d91f1

Does anyone know what I need to fix this issue? Or should I just scrap the VSEL and events and just manually add the information to the page?

I'm way in over my head here. I have no coding experience but I've been working on this shit for hours. Any help or suggestions would be greatly appreciated. Thanks!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer