Customising Calendar Pro shortcodes

[flyingarts]

Hi folks,
I had a play with the events calendar free plugin and used the Rocket shortcodes to embed event lists in pages and posts. We decided to upgrade because we loved the plugin so much – however the shortcodes that come shipped with the Pro version dont’ look quite like the Rocket ones, and we really love the styles – is there a way to customise the pro shorcodes – or is it okay to use the Rocket shortcodes?

Specifically this is what we would like to do

1 – change the event list on pro – (see here http://flyingarts.pboworkspace.info/programs/brisbane-exhibitions-flying-arts-the-shopfront-judith-wright-centre/) so that it has the featured image like the Rockett version (see the first event on this list on this page http://flyingarts.pboworkspace.info/programs/pd4-artists-professional-development-workshops/)

2 – be able to show the excerpt of the event in the event list in the pro shortcodes

3 – include past events

4 – remove the link at the bottom of the events list in the pro events shortcode – see here again at the bottom http://flyingarts.pboworkspace.info/programs/brisbane-exhibitions-flying-arts-the-shopfront-judith-wright-centre/

If this is all too complicated – are we okay to just use the Rockett shortcode generater as we really like the style

thanks

[Nico]

Hi Stephen,

Thanks for getting in touch and for your support as well 🙂

First of all it’s ok to use Event Rocket shortcodes! So they work better for you I see no trouble in using them.

I’ll show you how you can modify widgets, so you an alternative to Events Rocket. That can eb achieved via template override o via actions.

You can do a template override -please check our Themer’s Guide for details on the process- of the widget views. To add the excerpt to list view via template override follow this steps:

– Make a copy of the ‘single-event.php’ template located at ‘wp-content/plugins/events-calendar-pro/src/views/pro/widgets/modules/’.
– Create the following folder structure in your theme folder: ‘wp-content/themes/your_theme/tribe-events/pro/widgets/modules/’.
– Paste the copied file to the just created ‘modules’ folder in your theme.
– Add the following code at line 35 (for example):

<?php the_excerpt(); ?>


Other option to do the same is via actions. For example, to insert the excerpt via action, please add this code to your theme’s functions.php file:


/* add excerpt to list widget event, before the meta */
add_action( 'tribe_events_list_widget_before_the_meta', function(){
the_excerpt();
} );


To wrap this up: it’s ok to use Event Rocket shortcodes. I still wanted to show you the customization process of the widgets because you might find it useful for some cases.

Please let me know if this helped you to understand how widgets work in our products,
Best,
Nico

[flyingarts]

wonderful this is really great and so glad there is flexibility! Much appreciated

[Nico]

Glad to hear Stephen,

I’ll go ahead and close out this thread, but if you need assistance with anything else please don’t hesitate to create new threads and we will be happy to help.

Good luck with your project,
Best,
Nico

[Author]

Posts