Support

Home Forums Event Espresso Premium Modifying Event Details page and more…

Modifying Event Details page and more…

Posted: July 18, 2017 at 5:50 am


Adam

July 18, 2017 at 5:50 am

Hello,

I am trying to style / layout the ‘view event details’ page and Im a little confused whether I should be using single.php or archive.php in my child theme folder?

Here is my event listings (test events(
http://bit.ly/2vsfwsF

Here is an example event page
http://bit.ly/2taXUkt

I created both archive-espresso_events.php and single.php using the files from my current theme and figured I could just use them to just hack the layout.

As you can see the design needs alot of work….

I have got multiple images showing up at top, why is that?
Dates and times of event somehow needs to be styled, where can this be none?
Mashshare (social share plugin) is putting 2nd share bar before the end of all the event details???

How do we edit layout of booking form shown on event details page?

If you click on a venue category, you get taken to a page like below, the looks like its using a completely different them file, what do I need to do to edit this?
example, remove ‘Archives’, remove date of post and author:
http://bit.ly/2uyrl3e

Many thanks 🙂


Tony

  • Support Staff

July 18, 2017 at 6:18 am

Hi there,

I am trying to style / layout the ‘view event details’ page and Im a little confused whether I should be using single.php or archive.php in my child theme folder?

Normally archive.php is used for the event list, an archive of multiple posts will generally be using the archive.php template.

archive-espresso_events.php is a template that would be used in place of the original archive.php file ONLY for the espresso_events post type when viewing the event listing.

single.php is usually used to generate the single post (event) output. Its used for ANY single post on your site regardless of the post type.

single-espresso_events.php would be used in place of single.php ONLY when viewing the single page output, in your examples that would be this link: http://bit.ly/2taXUkt

For more information on the WP Templates hierarchy view here:

https://developer.wordpress.org/themes/basics/template-hierarchy/

I have got multiple images showing up at top, why is that?

We can’t really answer that, they will be from your theme.

Dates and times of event somehow needs to be styled, where can this be none?

It depends what you want to do, you can add CSS to your themes style.css file to style them, for other changes you’ll need to edit the template used to generate that output.

What is it you want to change?

Mashshare (social share plugin) is putting 2nd share bar before the end of all the event details???

Could be multiple causes from this to the theme, the plugin, or EE.

How do we edit layout of booking form shown on event details page?

Do you mean the ticket selector?

If you click on a venue category, you get taken to a page like below, the looks like its using a completely different them file, what do I need to do to edit this?

If you install the plugin What the file then view that venue output again in the admin bar you can see which template files are being loaded from the theme which will give you an idea of the template you need.

Most of the problems you are having in the above seem to be from the theme being based soles on single posts so the template need to be edited to output the event/venue details in a better format.


Adam

July 21, 2017 at 11:37 pm

Thanks for the reply:

I can see I can copy ‘standard_ticket_selector.template’ fileinto my childthemeand edit this, but worried when you do an update that this may cause problems. AllI wanted to modify wasd to add this h3 heading at the point below (line 27):

<h3>Select Ticket:</h3>
	<table id="tkt-slctr-tbl-<?php echo $EVT_ID; ?>" class="tkt-slctr-tbl">

And I also wanted to style the ticket seletctor table to only be about 60% wide as it fills whole page width atm

Lastly is there a way to get the venue address all onto a single line, rather than something like this:

Address:
Road Name
Suburb
State
postcode
Country


Tony

  • Support Staff

July 24, 2017 at 4:44 am

I can see I can copy ‘standard_ticket_selector.template’ fileinto my childthemeand edit this, but worried when you do an update that this may cause problems.

If we update the ticket selector template you would need to apply those updates to your custom template to keep in line with any new features we add to the ticket selector.

AllI wanted to modify wasd to add this h3 heading at the point below (line 27):

You can load your own custom template, or use the hook just above that line:

do_action( 'AHEE__ticket_selector_chart__template__before_ticket_selector', $event );

Add your own function to echo the <h3>Select Ticket:</h3> on that action hook.

Note – that hook fires before the datetime selector is shown, so it depends if you are using the datetime selector if the above is suitable.

And I also wanted to style the ticket seletctor table to only be about 60% wide as it fills whole page width atm

You would do that with CSS within your child theme so there is no need to edit the template just for that.

Lastly is there a way to get the venue address all onto a single line, rather than something like this:

It depends on which address output you are referring to, where is multi line address currently?

The support post ‘Modifying Event Details page and more…’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso