Support

Home Forums Event Espresso Premium Page Layout for event in EE4

Page Layout for event in EE4

Posted: July 18, 2014 at 11:20 pm

Viewing 14 reply threads


utahhockey

July 18, 2014 at 11:20 pm

Currently testing EE4 to determine if we can make the move. However the event page layout is not desirable with multiple date times created. Please advise on how to edit the page layout to list the date times under the event description.
Dev link here:
http://dev.universityofutahhockey.com/wordpress/events/2014-15-season-ticket/


utahhockey

July 19, 2014 at 2:31 pm

One additional note, considering the “show details” button shows exactly the same thing as the top of the page, I would like to know if event date details can be removed from the top of the page.


utahhockey

July 20, 2014 at 1:53 pm

So I was able to achieve what I was looking for with a shortcode. Please check this out and let me know if there is a better way to accomplish this: http://dev.universityofutahhockey.com/wordpress/2014-season-tickets/


utahhockey

July 20, 2014 at 4:16 pm

Also, while using the shortcode for the event I lost the ability to show the event location. Can you direct me to the listing of EE4 short codes to see if the location can be listed with a shortcode?


Tony

  • Support Staff

July 21, 2014 at 5:45 am

Hi AJ Boldan,

The second page linked (using the shortcode) no longer exists, are you currently working on another?

Can you direct me to the listing of EE4 short codes to see if the location can be listed with a shortcode?

The shortcodes available within EE4 can be viewed within Event Espresso -> Help & Support -> Shortcodes. However the event venue information should be shown if you are using the /events/ page or linking though the ESPRESSO_EVENTS shortcode.

EE4 events are Custom Post Types (with extra objects associated with them) and so are themed in a similar way to standard WP posts.

There are a few options to modify the events pages, the simplest being using CSS to hide sections you do not require or you could create a child theme to completely alter the layout of those pages.

Personally I would recommend using the child theme but this depends if you are comfortable creating/modifying themes within WordPress?


utahhockey

July 21, 2014 at 8:39 pm

Sorry about that. Here is the second link: http://dev.universityofutahhockey.com/wordpress/events/2014-15-season-ticket/

What I did instead of using “events/event name” is use the event short code on this page: http://dev.universityofutahhockey.com/wordpress/shop/2014-15-season-tickets/

I did this for two reasons:
1- It allows me to edit it within the wp page (to avoid listing all datetimes before the event description).
2- Do you notice the theme header pict isn’t functioning on this page? http://dev.universityofutahhockey.com/wordpress/events/2014-15-season-ticket/ and does on this one? http://dev.universityofutahhockey.com/wordpress/shop/2014-15-season-tickets/

Do we know why this occurs?

The defaults event page is preferable but I know our fans would complain about having to scroll so far down. Hence using this [ESPRESSO_TICKET_SELECTOR event_id=’4679′] on a page. Only downside is the lack of the map.

I don’t have the expertise currently to dive into the CSS but do you have a recommendation on commenting out this datetime list that begins the post?


Tony

  • Support Staff

July 22, 2014 at 6:48 am

Do you notice the theme header pict isn’t functioning on this page?

The header is a part of your theme, at a guess I would say that header.php is loading the image using is_page() as a check. Looking at the page source you can see within the /events/ the header does not load the image – http://take.ms/Qns6u

You may need to contact the theme developer to see what is happening within the header.php file.

In regards to CSS to hide the datetimes, you could use something like:

.event-datetimes {
display: none;
}

However that is a rather ‘loose’ selector in that it will select any element on any page with the class event-datetimes. Normally we could increase the specificity within the espresso-events pages, however your theme does not seem to use the body_class() function to add specific classes to the body element depending on the type of post/page/cpt being loaded.

Are you developing this theme yourself?


utahhockey

July 23, 2014 at 8:32 pm

Tony, I am not developing the theme myself. I purchased it from themefuse and the the theme is called sportedge.


Tony

  • Support Staff

July 24, 2014 at 4:06 am

I would recommend installing either Reaktiv CSS Builder or My Custom CSS and adding the above code I posted to either of those plugins.

That will hide the datetimes although as mentioned it is a loose selector, so check once you’ve added that CSS that no other sections of datetimes are removed from the page (they should not be but just to be sure)

In regards to the header image, you would need to open up a support ticket with themefuse as the theme is not loading any image file within the header on the events page so some form of check is failing/returning false. Have you checked that there are no updates to the theme?


utahhockey

August 3, 2014 at 1:21 pm

test


utahhockey

August 3, 2014 at 1:21 pm

Cant seem to copy text from reply….


utahhockey

August 3, 2014 at 1:22 pm

part 1:
It appears this is an issue with Event Espresso respecting the theme’s functions. The theme has a file header-image.php which contains one line

<div class=”header_image” <?php tfuse_header_bg();?>>&nbsp</div>

The theme function fuse_header_bg(); responds with this string


utahhockey

August 3, 2014 at 1:22 pm

part 2:
style=”background-image:url(http://dev.universityofutahhockey.com/wp-content/themes/sportedge-parent/images/header_nhl.jpg)”

manually adding that string to the header-image.php file like so


utahhockey

August 3, 2014 at 1:24 pm

Tony,

What is your email so I can just forward this code? It keeps getting blocked by a firewall….


Tony

  • Support Staff

August 4, 2014 at 6:47 am

Hi Aj,

I received your email but unfortunately it does not help identify the issue with the header image.

If you search your theme for the tfuse_header_bg function you’ll find it is most likely doing more than just returning the string. Its likely checking for certain pages/post types, which is why it returns nothing on your Events page.

Manually adding the string removes the function from the equation but it depends on what that function is doing and why its there as to whether this will work as intended.

Looking at your events page it looks like the header image is now loading although I’m guessing you have moved the image code out of the function?

Viewing 14 reply threads

The support post ‘Page Layout for event in EE4’ 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