Events calendar Pro and Essential Grid

[Damien]

Hi,

Thanks to this extension (https://t.co/2RTbGTkdHd ) it’s quite easy to use Events Calendar Pro with Slider Revolution.
But i can’t figure how to use Events Calendar Pro with the plug-in Essential Grid (https://essential.themepunch.com/), from the same developer, Theme Punch.

This plugin allows to create content grids from post or events. Everything works fine, but the canvas Essential Grid show the date of creation of the event, and not the real date of the event.
So, it’s possible to change the canvas, and to create custom element on the grid : https://www.themepunch.com/essgrid-doc/custom-meta-data/#meta-reference

If i use it, and create a new meta reference which is _EventStartDate, it works. But the grod show dates as below :
2017-03-09 20:00:00

So i have tried to use the Formatted Event Date Shortcode that works with Slider Revolution, but i can figure a way to do that.
If i use something like [tribe_formatted_event_date id={{id}} format=”d/m”] instead of _EventStartDate, nothing appears…

I am sure that this question is of interest to thousands of users, because being able to mix TEC and Essential Grid would open up really interesting possibilities!

Thanks,
Damien

[Mathew]

Damien,

Yes, thanks to @Cliff for producing the extension.

The issue stems from a disconnect between Slider Revolution and Essential Grid.

The {{id}} meta in Rev Slider is a recent addition. However, both products use different meta variables. One uses {{some_meta}} and the other use %some_meta%.

So for Essential Grid, you want to use “%post_id%” in the shortcode. Here’s an example:

[tribe_formatted_event_date id=”%post_id%” timezone=”America/Chicago” format=”F jS, Y @ g:i a” ]

All of the canned meta fields are listed within Essential Grid. There’s also a few articles on ThemePunch’s website with regards to metadata that are useful.

Hope this helps.

[Cliff]

Hi, Damien.

Thanks for your patience on this topic.

As I stated on Twitter, I’m in the process of writing a guide for Slider Revolution and Essential Grid. Its progress had stalled a bit because we’ve been so busy. I had previously finished the Slider Revolution part of the article and I spent time yesterday and today with Essential Grid.

It seems Essential Grid does not render shortcodes in the way I assumed it would and therefore I couldn’t get it to work. I’ve been in communication with ThemePunch for weeks regarding Slider Revolution and have just now asked them about this regarding Essential Grid.

I’ve got this thread bookmarked to come back to once I hear back from them and things get working (might require them to release an update to their plugin). Until then, please be patient.

Thanks!

[Mathew]

This reply is private.

[Cliff]

Mathew, thanks for the offer!

I’ve not used Slider Revolution or Essential Grid before setting out to write this KB article, so please do share (here or in your own new thread if you prefer).

My thoughts on getting a shortcode to work on the skin template is to add a Text Layer to a Drop Zone, set its source to Text/HTML, and enter the shortcode(s) there, such as:

https://cl.ly/121Y3c1A3A3t

Event Time: [tribe_formatted_event_date id=%post_id% format="F j, Y g:ia"] - [tribe_formatted_event_date id=%post_id% format="g:ia T" start_end="end"]

However, it appears shortcodes are not rendered there. It also seems to capitalize the first letter of each word, which feels odd.

Is there a different/better way I should be doing this with the way things are coded now, or maybe adding do_shortcode() somewhere is warranted?

[Cliff]

@Damien, @Mathew shared with me that there needs to be a space before the closing bracket of a shortcode.

The steps I outlined in my previous reply are correct except that the text would be like this:

Event Time: [tribe_formatted_event_date id=%post_id% format="F j, Y g:ia" ] - [tribe_formatted_event_date id=%post_id% format="g:ia T" start_end="end" ]

I’m trying to contact them to find out if they consider this to be a bug (like I think the three of us do).

Please let me know how this extra space goes for you…

[Mathew]

@cliff @damien

I stumbled on something last night. It looks like an escaping issue.

If you use singe quotes on the shortcode, the space issue goes away. Not sure if is a bug in wordpress includes, or somewhere else.

Here’s what works for me.

[tribe_formatted_event_date id='%post_id%' timezone='America/Chicago' format='F jS, Y @ g:i a']

[Cliff]

Great find again, @Mathew.

I’d guess these two issues are from code in /wp-content/plugins/essential-grid/includes/item-skin.class.php because I found do_shortcode and $text used there, plus its filename.

Whether or not you find a fix for either of these issues, I’d suggest reporting it to ThemePunch because their email has been down for a couple of days, which was my only direct communication with them. I do not have a support account with them via CodeCanyon.

Again, thanks so much for helping us out!

[Mathew]

@cliff

I’ll open a ticket with ThemePunch and see if I can make some headway with them. They’re pretty slow to update this product.

[Cliff]

Excellent. Thanks! 🙂

[Damien]

One more time : Thanks a lot Cliff !
What you explain here works for me : https://theeventscalendar.com/support/forums/topic/events-calendar-pro-and-essential-grid/#post-1228568
Just a last question :
My shortcode is like that : [tribe_formatted_event_date id=%post_id% format=”j F Y”]
Is there a simple way to show the month in french (or another langage) ?
Thanks you all for your valuable help 🙂
Damien

[Cliff]

Well, Damien, that was a great question… although it was time-consuming for me to resolve. Thanks for your patience.

Please manually update to version 1.1 (delete the extension from your plugins and then re-install a fresh copy from https://theeventscalendar.com/extensions/formatted-event-date-shortcode/) and let me know if that gets things working properly for you.

Thanks!

[Damien]

Just a big, giant, enormous thank you ! It is rare to have such good quality help and support.
Everything is perfect now 🙂

[Cliff]

Damien, I’m very glad to hear that!

We couldn’t have done it without Mathew, and I rewarded him with a license extension.

I hope the oddities of using shortcodes (this or another) in their plugins gets resolved soon on their end.

[Cliff]

Hi. I just wanted to let you know that we published a how-to for Slider Revolution and Essential Grid: https://theeventscalendar.com/knowledgebase/integrating-events-calendar-slider-revolution-essential-grid/

We hope you find it useful! If you have follow-up questions about it, please create a new thread.

Thanks and have a great rest of your week!

[Author]

Posts