Support

Home Forums Event Espresso Premium Adding "register now" button to events list

Adding "register now" button to events list

Posted: August 3, 2015 at 9:25 am


Braden Blackmon

August 3, 2015 at 9:25 am

When I add the events list page to my main menu there is no register now button in the event list so the user doesn’t know where or how to register for the event until they click on the event title. How can I add a button to the event list page that directs the user to the event so they can register?


Tony

  • Support Staff

August 3, 2015 at 9:44 am

Hi Branden,

Can you link us to the page so we can view this please?

If you edit the event, within the registration options you’ll find the option ‘Display Ticket Selector’ is that set to Yes?


Braden Blackmon

August 3, 2015 at 10:14 am

Here is the link: http://testsite.scshroom.org/events/

What is driving me crazy (and this may be a DIVI theme issue) is that the “Events List” page that comes with EE and that I added to my main navigation is brutal and doesn’t display anything that the user can visually see in order to register for the event. It just shows a green “active” button and the title and a goofy description (which I cannot style) I need the Events List page in my main navigation to display better information and a register button so that the user is directed to the actual ticket/event (although this is a post and not a page right?) I am having a lot of trouble figuring out how to get the “Event List” page/post to display helpful information and a register now button.


Tony

  • Support Staff

August 3, 2015 at 10:34 am

The ‘Event List’ that uses the /events/ plug is actually an archive. It’s the archive of the Espresso Events post type and it looks like Divi is outputting the_excerpt.

The single events are posts, and use you single.php template file.

Can you send me a copy of the theme to take a look?

If so please send a copy to support[at]eventespresso.com


Braden Blackmon

August 3, 2015 at 11:38 am

Here is all the custom CSS that I’m using in my child-theme on DIVI:

/*
Theme Name: Divi child Theme
Theme URI: http://www.elegantthemes.com/gallery/foxy/
Description: Foxy Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 2.2
*/

@import url(“../Divi/style.css”);

/* =Theme customization starts here

__________________________________________________*/
.et_right_sidebar.single-espresso_events #left-area {
width: 100%;
}
.single-espresso_events #sidebar {
display: none;
}
.et_right_sidebar.single-espresso_events #main-content .container::before {
display: none;
}

.et_pb_slider .et_pb_slide {
height: 765px !important;
}

.et_pb_section {
padding: 0;
}

et_pb_section_6 { padding:5px 0; }

.et_pb_section_6 .et_pb_row { padding: 5px 0; }
.et_pb_portfolio_item { margin-bottom:0 !important; }

.entry-meta{display:none;}

/* START EE EVENT PAGE FULL WIDTH */
.single-espresso_events .content-area {
width: 100%;
}
.single-espresso_events .widget-area {
display: none;
}
/*END EE EVENT PAGE FULL WIDTH */
/* Event List */
.post-type-archive-espresso_events #sidebar {
display: none;
}
.post-type-archive-espresso_events #content {
width: 100%;
}
/* Single Event */
.single-espresso_events #sidebar {
display: none;
}
.single-espresso_events #content {
width: 100%;
}


Tony

  • Support Staff

August 3, 2015 at 1:19 pm

This isn’t an issue with CSS, its an issue with Divi itself.

Divi has its own custom function to display a section of the post content, this is being called within the index.php template which is being used to display the events archive, it also filters the_content which is preventing the ticket selector from being displayed.

If you create a new page, call it anything other than ‘events’ and on that page add the [ESPRESSO_EVENTS] shortcode you’ll find the event listing displays correctly with the ticket selector. We currently do not output a ‘Register Now’ button but rather output the ticket select for the user to select their tickets.

So before moving forward, if you do the above does the new page work as expected?


Braden Blackmon

August 4, 2015 at 10:13 am

Is this what the page is supposed to look like?
http://testsite.scshroom.org/test-event-page-best/

How does one alter the appearance of the event list page? How can I get the page to look better in terms of styling?

I must confess I am more than a little disappointed with the front end look of the “event-list” the other pages look pretty good however. The event list, on the other hand, looks terrible and doesn’t even display in a grid or any sort of clean visual organized fashion. It is not an organized list and this should be part of what I paid for. I’m really astounded actually. I don’t even mean that it has to have the exact same font and be seamlessly integrated or any of that, but a person shouldn’t have to fiddle for days to change the basic appearance and colors and some button styles so it looks presentable. With a theme as slick as DIVI and the expertise that must exist on your staff this needs to be improved. At the very least, and I stress at the least – you should provide some pre-made templates for us to use, give very specific documentation along with video tutorials which help novice to intermediate designers step up there game and please their clients and helps you build a strong loyal customer base. Maybe I am too harsh but having to dive into php and fiddle with basic look issues is a real pain when we are paying (and many others have paid for your software) Not only that but the price of 70.00 dollars for a support ticket looks as though you are expecting your software to fail and is an insult for those on a budget. You should also offer refunds for those who are less than impressed because why would you want negative press? Why are there not more videos on you-tube and Vimeo to walk people through design issues that invariably come up?

Signed,

A dissapointed designer who is behind schedule on a project.


Lorenzo Orlando Caum

  • Support Staff

August 4, 2015 at 12:39 pm

Hi Braden,

The steps that you may have found in another support post will vary since Divi has a page builder option. If you temporarily switched to another theme such as Twenty Fifteen or Twenty Twelve, then you would see the default layout.

I loaded Divi onto a testing site and followed Tony’s suggestion to add the shortcode to the page. I was able to get it working after some experimenting and you can view a short video here:

http://cl.ly/image/0m29013Z1440/download/Screen%20Recording%202015-08-04%20at%2002.25%20PM.gif

We do not require a member to purchase a support token to receive help. A support token prioritizes a support post and moves to the the front of the support queue. Any member with an active support license can create a support post in our support forums and a team member will reply.

There are some plans in the works for video tutorials — though this will be getting started tutorials to begin with.

Thanks


Lorenzo


Braden Blackmon

August 4, 2015 at 12:51 pm

I will check that out. Here is another problem. My events are expiring before the end time is over. I had a test event today to expire at 5:00 pm and it is already expired and I have tickets that are to be sold until September. Any ideas why this is so?


Braden Blackmon

August 4, 2015 at 1:12 pm

Never mind the last post I think I figured it out. I will get back to you on the tutorial you sent.


Lorenzo Orlando Caum

  • Support Staff

August 5, 2015 at 9:06 am

Hi Braden, there are two places to check if you can’t purchase a ticket.

First, if the datetime has passed then no tickets will be available for a purchase. The datetimes editor appears in the event editor under the event description area and above the ticket (pricing option) editor.

If that has a current date, then I would check the available ticket options and adjust the date range as needed.

Thanks


Lorenzo


Braden Blackmon

August 5, 2015 at 6:16 pm

I have managed to get the events-list to display using the code module but it still looks unprofessional and messy and generally hard to visually process. I know that modifications need to be done at the theme level but do not have time for this. I am wondering if EE3 would better suit my needs and allow me more control over lists and styling without having to mess with the CSS and PHP files. What is your opinion knowing that I am using the DIVI theme?


Lorenzo Orlando Caum

  • Support Staff

August 6, 2015 at 11:41 am

Hi Braden,

Here is what the event listings page for Event Espresso 3 looks like with the Divi theme:

http://cl.ly/image/1p0z2a1F0S3P

Adjusting the order of elements in terms of re-arranging the content would require working with templates. There is not a drag and drop option for moving content around in Event Espresso.


Lorenzo


Braden Blackmon

August 6, 2015 at 12:36 pm

How can I add a box around each event to visually separate it like it would look like in EE3?


Lorenzo Orlando Caum

  • Support Staff

August 6, 2015 at 1:31 pm

Hi Braden,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or via a plugin that adds an additional stylesheet to your WordPress site such as My Custom CSS or Reaktiv CSS Builder.

Try this CSS which will add a grey border around each event:

article.type-espresso_events {padding:10px; border: 3px solid #999;}

Then refresh the page to see the changes.


Lorenzo


Braden Blackmon

August 6, 2015 at 10:19 pm

Perfect that worked great. Thanks.


Dean

August 7, 2015 at 5:35 am

Anything else we can help with regarding this topic or may we mark this forum thread as resolved?


Braden Blackmon

August 7, 2015 at 12:29 pm

You can mark it as resolved thanks.

Braden

The support post ‘Adding "register now" button to events list’ 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