Add image or icon to Events List Advanced Widget

[Summer]

Is it possible to have an image/icon appear next to each event (potentially set through the featured image section of each individual event)?
Ideally we would love to have an icon of a calendar with the month and date displayed to the left of the event title. If this is possible then I would need to remove the month, date year and only display the start/end time of the event.

[Jonah]

Hi Summer,

You can modify the template of this widget by making a copy of /wp-content/plugins/events-calendar-pro/views/events-advanced-list-load-widget-display.php and placing in an ‘events’ folder in your active theme. Then, take a look at this tutorial for how to include the featured image from an event in our Next Event Widget: /wp-content/plugins/events-calendar-pro/views/events-advanced-list-load-widget-display.php – the instructions are very similar for this other widget. You’ll just need to figure out where to place the code.

Does that help?

– Jonah

[javier]

Hi Jonah! (and Summer!)
When I replace the code, it just make appear the featured image of the first event…. I would like to make appear the featured image o each event… where could I replace the code to achieve it? Any idea of the code or where to place in the code? Thanks Jonah!

[Jonah]

Hi Javier,

Can you post a sample of the code you’re working with @ http://snippi.com/

Thanks,
Jonah

[javier]

Hi Jonah!
http://snippi.com/s/fyykspp
And this is the link where you can see the widget working: refresssh.com
Thanks!

[Jonah]

Hi Javier,

Here is an example of your code with the addition of code to display the events featured image: http://snippi.com/s/bm2fbhp

I also forgot to link to the tutorial I mentioned above. Here is that link: https://theeventscalendar.com/how-to-show-featured-thumbnails-in-the-next-events-widget/

Does that help?

– Jonah

[javier]

Hi Jonah!
Thanks, I saw the tutorial and I made it work before writing my question here, 🙂 . But I need to make each featured image appears per each event, not just the first image of the first event…

I tried to modify the code, inserting the tutorial’s code in other places of the widget code but I can´t achieve to do what I need.
Any idea? Thanks!

[Jonah]

Hi Javier,

The code is good but there appears to be a bug related to featured images and recurring events. Are you working with recurring events?

– Jonah

[javier]

Yes. 🙂

[Jonah]

Hi Javier,

So here’s the scoop. The current functionality with how featured images work with recurring events is as follows:

1. If you set a featured image for a recurring event, it will set that image for all the events.
2. If you change the featured image for one of the events, even if you choose to only apply the changes to the one event, it will update all the events in the recurring series. We are still looking at this as a possible bug and how to handle it but it’s going to have to wait until after 3.0 as of now.
3. The workaround for this is to then change the featured image for the one event that you broke out of the recurring series.
4. Another option would be to try using something like http://www.advancedcustomfields.com/ for setting a custom image for events. I’m not quite sure how this will work for breaking an event out of a recurring series, but it’s worth a try.

Sorry I can’t offer up more here Javier. Let me know if you have any questions.

Cheers,
Jonah

[Author]

Posts