Image in list events?

You need to add #_LOCATIONIMAGE{80,0}. The size in braces is optional. Close the section with [/events_list]

[events_list scope=”future” limit=5 pagination=1]
#_LOCATIONIMAGE{80,0}
[/events_list]

• This reply was modified 5 years, 11 months ago by stephanmoenninghoff.
• This reply was modified 5 years, 11 months ago by stephanmoenninghoff.

Unless you want to show the featured image of your event, in which case it is #_EVENTIMAGE

[events_list scope=”future” limit=5 pagination=1]
#_EVENTIMAGE{80,0}
[/events_list]

But in this case only show the image.

I want it how this example

https://demo.wp-events-plugin.com/shortcode/

Events list

thank you for your reply

You will need to combine it with the other placeholders to make up your own design.

It can become quite long. If it helps, here is what I use:

[events_list_grouped mode="monthly" limit="7" pagination="1"]
<div class="eventblock">
<a tabindex="0" data-toggle="popover" data-trigger="focus" data-delay="300" data-container="body">
<div class="calendar-page">
<div class="cal-overlay">
<img class="cal-overlay" src="/wp-content/themes/Divi-child/Assets/[email protected]"></div>
<p class="cal-month">#F</p>
<p class="cal-day">#_jp7prfn</p>
<p class="cal-weekday">#l</p>
</div>
</a>
<div class="event-button">
<a href="#_EVENTURL" class="eventlink" data-width="100%" data-height="100%"></a>
<div class="eventimage">#_LOCATIONIMAGE{80,0}</div>
<div class="eventheadline">
<h1>#_EVENTNAME</h1>
</div>
</div>
</div>
<div class="popover-content hide">
<div class="webcal-buttons">
<span>Add single event</span >
<br>
<div class="single-event-ical-button"><a  class="single-event-ical-button" href="#_EVENTICALURL"><img class="single-event-ical-button" src="/wp-content/themes/Divi-child/Assets/Icons/ical.svg" width="24">Standard</a></div>
<div class="single-event-ical-button"><a class="single-event-ical-button" href="#_EVENTGCALURL"><img class="single-event-ical-button" src="/wp-content/themes/Divi-child/Assets/Icons/gcal.svg" width="24"><img class="google-logo" src="/wp-content/themes/Divi-child/Assets/Icons/google.svg" width="56px"></a></div>
</div>
</div>
[/events_list_grouped]

• This reply was modified 5 years, 11 months ago by stephanmoenninghoff.

See result here:

https://bemoused.com/show-calendar/

(Use password “Micerule”)

But my shortcode is this

[events_calendar long_events=1 full=1]