Support

Home Forums Event Espresso Premium ESPRESSO_MY_EVENTS Shortcode on Divi Theme Error

ESPRESSO_MY_EVENTS Shortcode on Divi Theme Error

Posted: February 1, 2024 at 3:32 pm


Jarred

February 1, 2024 at 3:32 pm

Hi guys, ever since ee 5 we have had issues with the /*[ESPRESSO_MY_EVENTS]/* code. It is nothing but HTML when the little circular star looking toggle is clicked. It opens up the event with all its descriptions. Im not sure why that is even needed. All that u really need is the Title, date and cost. Then if they want to view the class description they could click the title and go to that event to see the description.

Second, please notice in the video how the width overflows. If you click one toggle the width stays within its boundaries. But when you open two of them it overflows. This looks bad and on mobile it looks really bad.

Its worked like its supposed to for many years with Divi theme. But since the new code has been added its not looking the way it should.

This is a big deal right now because customers who want to write off the events they sent their kids to with us on their taxes , well we can’t really tell them to go to the “MY Events” page to look up their receipts because it looks very unprofessional. So any help to make this look better by either removing the description from being displayed when toggle is clicked OR getting the code to be proper again where it looks good.

This doesn’t happen anywhere else on the website and we use divi theme for other event espresso shortcodes with no issues. It’s only this one giving us problems.

Really would be nice if the shortcide just displayed the following:

Title
Date
Price
Ticket quantity
Then they can click to see receipt, or invoice or registration details.

That would be super clean, maybe a new shortcode for simple options like that.

Also please notice how because event espresso uses tables and cells the content is always squished vertically on mobile phones and websites if to many words. In the video you can see at the 3:39 second part how the Dates go on forever vertically. This doesn’t happen with woo commerce carts or shortcodes. Maybe the developers can make stuff stack on top of eachother when mobile devices. You know, like responsive should be.

I will paste the video privately. I also can provide login details to a staging website if you would like to view it there. In the video I show how you can “Switch Too” a user and then open points and rewards to see list of customers with most points so you can easily open up a real life customer to see what they are seeing. The video walks you through exact steps that can be taken to see what I mean. But obviously the video shows it as well.

The video will be private because its not something that should be viewed by public. Thank you


Jarred

February 1, 2024 at 3:33 pm

This reply has been marked as private.


Rio

  • Support Staff

February 6, 2024 at 5:30 pm

Sorry for the delay. Can you tell us what EE version are you using in your stagging account?

Can you also fill the information
https://eventespresso.com/send-login-details/

Ill check the conflict for the mobile and might provide CSS you can use for your theme.

thanks


Jarred

February 7, 2024 at 4:59 pm

Hi Rio,
Even with the 5.0.17 the issue still there. I believe the version on the staging site is before that update. But you will have access to ftp and can update the plugin if ya want.

I have submitted the credentials you needed on the form link you sent. You will be on the staging website and as long as you do exactly like I showed on the video above it should be pretty easy to see the issue first hand. Hopefully that will help find a code to make it work.

Again, I think it would be way awesome if there was a shortcode that just showed the
Title
Date
Price the customer paid
Link to receipt or invoice
Print Tickets
Ticket quantity

But showing the full description of the event isn’t really needed in our case anyway. Thanks for your help and please let me know if I can do anything else to help resolve this issue.

I gave instructions on the form how to access the protected URL with its own user and pass, THEN you will use the WordPress credentials I shared as well. Thanks again


Rio

  • Support Staff

February 8, 2024 at 4:43 am

Thank you, we will reply on that email. and will give you advice.

thanks.


Jarred

February 8, 2024 at 3:28 pm

Hi Rio, I saw your email. I can’t replicate the issue you showed me. Everything works when I login as the admin I provided you.

Also, to make it even more simple. You could use just a copy of Divi theme with event espresso and place the My Events Short code inside the divi text block.

The event espresso short codes work how they are supposed to in divi text editors. The only short code that still shows html instead is the My Events short code. So maybe that will help you replicate the issue by just putting divi theme and Event espresso on test environment. Thanks


Jarred

February 8, 2024 at 4:02 pm

Also remember when using the “Switch To” when changing to a Non Admin account, you must “Switch Back to EE Admin” by clicking the link in bottom left of screen. That error you showed is when trying to access the plugin page as a Non Admin. Hope that helps thanks


Rio

  • Support Staff

February 8, 2024 at 6:13 pm

#1.) I did test that on my local, and i cannot replicate the issue where you have the HTML code. https://monosnap.com/file/GsxPP2kr4O4uIGaBPdOIPPW1hn8KNz

I want to see how you did add the content in the event page, and possibly the reason why there’s HTML element there.

#2) For some theme, this should be automatic but for DIVI, you have to add CSS.
https://monosnap.com/file/ZqKCgroF0SggW1hTTMtuk2TUkXdpQa

Did i missed any other shown in the video?

thanks.


Jarred

February 8, 2024 at 8:11 pm

Hi Rio,
I appreciate you trying to help and I will do my best to explain again. I don’t know if we are understanding each other correctly: I posted a video showing step by step , I gave full admin access and ftp access . I showed the exact spots on menus to go to get there and see the html from what I can tell after watching video again.

The page is “my events” page. You can get there from mobile or desktop menu: also, you can enable visual builder” when on the “my events page and see the exact divi text box that I have the shortcode inside of.

I even tried creating a new page and adding the shortcode to it and the issue is still there: so even if it’s on its own page by itself it still doesn’t work.

however all other shortcode work exactly how they should inside divi text blocks so I dont thi k it’s because of css on divi otherwise you wouldn’t be able to get it to work on your local AND all the other shortcodes I have used exactly the same way as the events shortcode wouldn’t work either. I have used many event espresso shortcodes that work perfectly inside divi text blocks and they don’t have any special css added?

I hope I have explained it well enough and I watched my video back and it truly shows exact step by step how to get there and how to see the issue.

So I hope you can see that. Or if I need to make a new staging site for some reason I can do that. But again I watched the video and read my instructions and I truly believe you can get to the exact issue if you watch the video. And you can enable visual editor with divi in the “my events” page. And you can see the text block on there to see the code is entered in that text block the exact same way I entered shortcodes in divi text blocks on the classes page or any other page with events. So that’s why I believe it’s the output for the event espresso shortcode that displays the events. I am not a developer or coder but I assume there must be a file that gives directions to that shortcode and maybe it’s messed up on mine for some reason? Please let me know what you figure out. Thanks Rio


Rio

  • Support Staff

February 9, 2024 at 1:11 am

This reply has been marked as private.


Jarred

February 9, 2024 at 2:44 pm

hey will u mark ur stuff private that displays anything about my website on your video? and your answer is not fixing my website.


Jarred

February 9, 2024 at 3:03 pm

You have a full staging site that you can do anything u want on it, and you know the exact page where the issue is. Show me MARKED PRIVATE on a video where it looks correct on that page. because its not working. and you arent showing me it working on the staging site which is replica of live site. So I really think maybe someone else can help on this one because we aren’t understanding eachother. Nothing is being fixed


Jarred

February 9, 2024 at 8:41 pm

Use Staging14.example.com ( all credentials from form are exactly the same, only you are using staging14 instead of staging15.

1) I updated PHP to newest stable version on siteground and that didn’t work.

2) I tested deleting all cache plugins and turning off Siteground cache and that didn’t work.

3) I entered your css code you pasted above and it does not work at all.

4) I added a new page, then added a divi text block and that didn’t make the my event shortcode display properly.

5) Tried selecting just the event description on that table and displaying none, but then what happens is the little toggle disappears after opening it.

So again, you have FTP and admin access to staging14.example.com with all the same user credentials that were filled out on the support form.

@rio Please mark your reply private that you posted on February 9, 2024 at 1:11 am. (That is the time it displays for me).


Rio

  • Support Staff

February 11, 2024 at 10:05 pm

ok, Did reply on your email. and will update you on that thread. thanks


Omar Paloma

February 12, 2024 at 8:50 pm

I would like to add a me too to this support request. Intrigued, and realising that I was user switching when I experienced this, I log-in as a completely separate user, rather than as Admin user switching.

Same result. just long strings of the underbelly of divi code.

I don’t have access to the original posters video so here’s a screenshot of mine
https://www.loom.com/i/fb3e2a4ea75847a6afa3e24d3011c977


Rio

  • Support Staff

February 14, 2024 at 4:17 am

Can you also share your log-in information.

https://eventespresso.com/send-login-details/

Thanks.


Jarred

February 17, 2024 at 5:18 pm

any word on this?


Omar Paloma

February 17, 2024 at 6:24 pm

I have been trying to determine if I could install a staging server and it wouldn’t be possible at the moment. This is portion of the site, I feel, can be worked on while live. I will perform a full site back-up.


Tony

  • Support Staff

February 19, 2024 at 9:22 am

I’ve just pushed an update for the WP User integration add-on to fix this (version 2.1.2.p).

What was happening is the output from the_content for an event was being escaped, the update changes how that’s done.

If you don’t see the update on your site just yet then go to Event Espresso -> General Settings, make no changes and just hit save to force a version check. The update should then show in Dashboard -> Plugins.


Jarred

February 19, 2024 at 7:52 pm

thank you so much Tony. I can confirm that it looks like it use to now (great) after the update. Thanks for that.

Just a question though, would it be possible to add some sort of php or code hook or something to make it where that shortcode includes EVERYTHING that is ALREADY on it MINUS the event description?

So it would still have the title, date , receipt, tickets, registration details etc.. It would just EXCLUDE the entire event description on that particular shortcode placement.

Because if they want to see the event info they could just click the title and land on the event.

After looking it over on mobile it would be a little cleaner for customers to handle their business when they want a receipt or print tickets. Because currently all of the important things that allow tasks only shows up if you open the description of the event.

Im not a developer so that may not even be possible. But maybe like an ON – OFF switch for the description to be showed could be done?

Anyway, thank you very much you guys for figuring that out.


Tony

  • Support Staff

February 19, 2024 at 11:55 pm

Have you tried the simple list table?

[ESPRESSO_MY_EVENTS template=simple_list_table]

(You can add that to a different page than you are currently using to test it, it shows minimal data)

To answer your question, we don’t have an ‘option’ to disable the event description, as in you can set a value on the shortcode or hook in to do it. However, the add-on allows you to load custom versions of the templates used from within your theme’s root directory (preferably a child theme).

So what you can do is copy:

\eea-wp-user-integration\templates\content-espresso_my_events-event_section.template.php

Place that within your child theme and edit that template to remove the call to the event description (lines 66-69) the add-on will then load your custom version and you can add/remove anything you prefer from within that.

Does that help?


Omar Paloma

February 20, 2024 at 11:09 am

I can confirm the user update fixed this for me too.


Tony

  • Support Staff

February 20, 2024 at 2:42 pm

I can confirm the user update fixed this for me too.

Awesome 🙂

Any further issues just let us know.

You must be logged in to reply to this support post. Sign In or Register for an Account

Event Espresso