A couple of questions

1) You can edit the template of the Event Submission From for the Front End.
events-manager/templates/forms/event-editor.php. On line 44 and 48 you will find what you you want.
Be sure to read the instructions of how to use template files, though, to prevent losing your changes after an update. ??

2) Use the shortcode #_EVENTIMAGE{x,x}, where x is the pixels {50,50}.

3) You can use the [events_list] shortcode to create any layout you want. Just put your mark-up between [events_list limit=”10″ location=”1″]#_EVENTNAME <br/>[/events_list].

4) [events_list scope=”past”] And this can be adapted to your needs as well, of course.

Also see: https://wp-events-plugin.com/documentation/shortcodes/

Hi Patrick,
Thank you very much for your help.

1. I copied the event-editor as mentioned and changed it in the folder (on lines 44-48) but it hasn’t picked up the different template. I have the template in: wp-content/themes/mh-musicmag/plugins/events-manager/templates/forms (is that correct)?

2. Event Image is working perfectly ??

3. The shortcode is working great, however I am using the names towns (from the ‘event categories’) What would I use instead of location to show each category correctly? I couldn’t seem to see what it was.

Shortcode I am using:
[events_list limit=”50″ location=”6″]
<table>
<tbody>
<tr>
<td style=”text-align: center;” scope=”col”>Date/Time</td>
<td style=”text-align: center;” scope=”col”>Gig</td>
</tr>
<tr>
<td style=”text-align: left;” scope=”col”>#_EVENTDATES
#_EVENTTIMES</td>
<td style=”text-align: left;” scope=”col”>#_EVENTIMAGE{80,80}#_EVENTLINK{has_location}
#_LOCATIONNAME, #_LOCATIONTOWN #_LOCATIONSTATE{/has_location}</td>
</tr>
</tbody>
</table>
[/events_list]

4. Past gigs… I think is working:
[events_list scope=”past” pagination=1]
[/events_list]

(I would prefer to have it in a list… so it is all displaying like the others but couldn’t seem to get it to work). Seems to take a bit for any past or archived events to be listed, not sure why.

If anyone has further thoughts would be very helpful.

Cheers
Will

1. That path looks correct. Do you have cache plugin running?

3. Try this, where 6 is the category ID:
[events_list limit=”50″ category=”6″]

Hi caimin,

Thank you for replying.
I don’t have a plugin that I know of running. (will clear browser cache and check)

3. Setting it to category… doesn’t list anything. (shows the message that there is nothing there) Hmm what am I missing?

Any thoughts?

Cheers
Will

hmm for:

Question 1: Do I need to change the form path on the last line below?

<h3 class=”event-form-name”><?php esc_html_e( ‘Event Name’, ‘events-manager’); ?></h3>
<div class=”inside event-form-name”>
<input type=”text” name=”event_name” id=”event-name” value=”<?php echo esc_attr($EM_Event->event_name,ENT_QUOTES); ?>” /><?php echo $required; ?>
<br />
<?php esc_html_e(‘Example: Gig Name’, ‘events-manager’); ?>
<?php em_locate_template(‘forms/event/group.php’,true); ?>
</div>

If you can help with questions 3 & 4 that would be wonderful also.

Cheers
Will

In a list? Have you tried something like:
<ul>[events_list category="6"]<li>#_EVENTNAME</li>[/events_list]</ul>

What do you mean exactly with “however I am using the names towns (from the ‘event categories’)”?
You cannot filter on #_LOCATIONTOWN. If you want that, you would need to create categories for every town.

okay so a ul seems to be coming up with the right information, not sure why a table isn’t coming up.

Should I use ul instead of tables?

Thanks for everyones help ??

Cheers
Will

• This reply was modified 7 years, 5 months ago by will32.

Ahhhh, I see now what you mean with names towns. You mean “Lithgow, Wallerawang” etc in your menu, right?

I see that you have managed to get Lithgow to show its events now. Portland is still empty. Could you be using the wrong location id, perhaps?
In your Dashboard -> Events ->Locations look in the upper right corner “Screen Options” and check Location ID. This will display the location ID in the table list below.

If your event uses the location with that ID, it should work.

Correct there are only a couple of towns ??

Tables vs Lists is up to you. Lists (ul = unordered list) are more responsive, as they are only lines of texts. Tables can only be responsive with a “rather complex” css coding.

Check out my page at https://www.guidepatrick.nl/agenda/ The calendar it all tables, but still responsive. On smaller screens the right event image is hidden, for example. If you check a “Juicy & Vivacious Tales Tour”, you will see that both the event info section (date, price, etc) and the location map are responsive, as is the booking form. But again, that is all done in css.

A bullet list is a simple line of text. Of viewed on smaller screens it will keep the same outline as MS Word does when a sentence is too long. ??

Personally, I think tables/divs are prettier to see, but lists are easier. LOL.

very true… not sure why table (using same id isn’t working), but when I change it to a ul it works… will reformat everything in a few hours… Got the table looking nice I thought.

Any thoughts why Archive isn’t working?

[events_list scope=”past” pagination=1]
[/events_list]

In the total list “Upcoming Gigs” there are only two towns listed (Lithgow and Portland). So that explains why nothing is shown in Wallerawang. ??

If you want you may give me a temporary login for your blog and I’ll have a look if I can help you out. Your remaining questions now are more styling than coding, so I doubt they “belong” on this forum. Send me an email with the info.

Very nice site Patrick!!
May I ask how did you get a image for the time and date section?

Thanks for all of your help.

Hope I can get these last couple of bits sorted out on the site ??

If you have any thoughts be very helpful

Cheers
Will

I have sent you a email via your website Patrick with details… thank you very much again.

Cheers
Will

Just checking, but in Events -> Settings -> Pages -> Event Lists/Archives, is “Enable Archives, yes” selected? (Radio button). If not, it won’t work. ??

The date/time is not an image, but full css called datebadge. The event info in there is plain tekst, using standard shortcodes. Here’s my own code:
Events -> Settings -> Formatting -> Events ->
Default event list format header: Leave Empty
Default event list format footer: <hr>
Default event list format:

<table class="tAgenda">
<tr>
	<td class="tAgendaCell">
	<div class="tAgendaBadge">
		<div class="datebadge"><span class="weekday"><a href="#_EVENTURL">#_{l}</span><p>#_24HSTARTTIME<span>#_{d-m-'y}</span></p></a></div>
	</div>
	</td>
	<td class="tAgendaEvent" id="middle">#_EVENTLINK<br>#_CATEGORYNAME<br>
		{no_bookings} <span class="smaller">On-line bookings are not available</span>{/no_bookings}
		{has_bookings}
			{bookings_open}#_ccTicketsOpen{/bookings_open}
			{bookings_closed}
				{has_attendees}<span class="smaller">#_BOOKEDSPACES participants</span>{/has_attendees}
				{fully_booked}<span class="green"><i class="fa fa-smile-o" aria-hidden="true"></i></span> <strong>SOLD OUT</strong>{/fully_booked}
			{/bookings_closed}
		{/has_bookings}
	</td>
	<td class="tAgendaCell">#_EVENTIMAGE{75,75}</td>
</tr>
</table>

the <i class=”fa etc. is Font Awesome, btw.

This is the full css needed:

.sterretje 				{font-size:0.75em;line-height:0.95em;font-weight:normal;}
.green					{color:#007c5a;}

.tAgenda				{margin:0 auto;width:490px;padding-bottom:10px;white-space:nowrap;}
.tAgendaEvent			{white-space:nowrap;line-height:1.35em; font-size:1.00em;padding:10px;}
.tAgendaEvent a:link 	{font-size:1.10em;line-height:1.15em;}
.tAgendaCell			{width:80px;vertical-align:top; text-align:left;padding:0 0 20px 0;}
.tAgendaCell img		{display:inline-block;width:75px;height:75px;float:right;border-radius:10px;margin-top:8px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.88);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.88);-o-box-shadow:1px 1px 3px rgba(0,0,0,0.88);box-shadow:1px 1px 3px rgba(0,0,0,0.88);}

.datebadge				{width:75px;height:65px;margin-top:6px;background:#fcfcfc;background:linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);background:-moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);background:-webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);border:1px solid #cccccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 4px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.25);line-height:0.8em;text-align:center;text-transform:capitalize;}
.datebadge a			{text-decoration:none;}
.datebadge .weekday		{font-size:0.82em;color:#636363;line-height:18px;}
.datebadge p			{font-weight:bold;font-size:23px;color:#636363;line-height:30px;}
.datebadge p span		{font-weight:normal;font-size:11px;color:#FFFFFF;line-height:0.99em;display:block;border-top:3px solid #009970;padding:2px 0 4px 0;margin-top:3px;background:#007c5a;background:linear-gradient(top, #007c5a 0%, #004d38 100%);background:-moz-linear-gradient(top, #007c5a 0%, #004d38 100%);background:-webkit-linear-gradient(top, #007c5a 0%, #004d38 100%);border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
.datebadge a:hover		{text-decoration:none;}
@-moz-document url-prefix()	{.datebadge{padding:16px 0 0 0;}
.datebadge p span{padding:9px 0 3px 0;line-height:0.9em;}
}
@-moz-document url-prefix(){.datebadge{padding:16px 0 0 0;}
.datebadge p span{padding:9px 0 3px 0;line-height:0.9em;}
}

Enjoy ??