Support

Home Forums Event Espresso Premium Custom Event Registration Page

Custom Event Registration Page

Posted: April 29, 2015 at 1:49 pm


Kirstin

April 29, 2015 at 1:49 pm

Hello –

How do I create a custom event registration page. Something like this https://safetycoursesforkids.com/children-safety-courses/red-cross-babysitting-course/

Thanks,
Kirstin Hawayek


Jonathan Wilson

April 29, 2015 at 2:55 pm

Hi Kirstin,

That customer is actually using the EE4 Events Table View Template add-on.


Kirstin

April 29, 2015 at 4:03 pm

I was actually more interested in the page format itself than the table view. How do I create a custom page layout?


Tony

  • Support Staff

May 1, 2015 at 5:45 am

Hi Kirstin,

Event Espresso uses your sites theme to output the event details.

The page template on that page is a content left, side bar right template.

The content of the page is a standard page using the Events view table template above for the event tables. The side bar is using the Upcoming events widget within the sidebar – http://take.ms/D8Win

I’m sorry if I’m not understanding the question correctly, if not could you provide details on exactly what you are trying to achieve please?


Kirstin

May 1, 2015 at 7:42 am

In general I would like to be able to create a form where the location of all the event elements is dictated by me. I would like to be able to move all the elements around. How do I do this? I know there used to be a custom form builder available. Is this still available?

For instance – The event description appears at the bottom of the page instead of at the top before the event details. Please see my current page http://0ae.f46.myftpupload.com/classes/learn-to-skate/.


Dean

May 4, 2015 at 5:23 am

Hi Kirstin,

Event Espresso has never had a custom form builder as such, though you can change the position of the questions within the registration form if that is what you mean?

In order to change the structure/order of the events themselves (e.g. move the description) you would need to create a custom template for it.

This page provides a basic overview, though you may require a developer if you have never modified template files before: https://eventespresso.com/2014/02/developers-corner-theming-event-espresso-4/


Kirstin

May 4, 2015 at 5:23 pm

Dean –
This is the custom form builder I was referring to, it returns a 404 error. https://eventespresso.com/rich-features/custom-registration-forms/

Also, Please refer to my event page http://0ae.f46.myftpupload.com/classes/learn-to-skate/

Why does the description display below the registration and date times?


Dean

May 5, 2015 at 5:21 am

Hi Kirstin,

Thanks for the clarification.

I think what your referring to (and please correct me if I am wrong) is the “There is nothing in your event queue” message that appears?

If so, please update to the latest version of EE4 (4.6.25) which will fix this for you.

The description display below the ticket selector was how we designed it to work.

You can add the following code to your themes functions file or a site specific plugin to move the description above the ticket selector: https://gist.github.com/joshfeck/1151c89082ccb5c0b478

Site specific plugin guide: https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/

Let me know if you need clarification or have any further questions regarding this.


Kirstin

May 5, 2015 at 1:43 pm

Dean –

I added the custom code to my site specific plugin and it is returning an error. Also, the word “Venue” still appears on this page.

Thanks,
kjhawayek


Dean

May 6, 2015 at 3:36 am

Hi,

I see the error, did you add all the code from Josh’s gist to the functions file/site specific plugin? Screenshot: http://take.ms/ngacD

Sorry, I wasn’t aware you needed the word Venue removing. In the Event Espresso > General Settings > Templates tab, you can turn off the venue details in full by changing Display Venue Details to No.

If you just want the VENUE: LEISURE RINKS bit removed but keep the rest of the venue data, then you can hide it with some CSS:

.espresso-venue-dv h4 {display: none; }

That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.

Also, did you update to the latest version?


Kirstin

May 12, 2015 at 8:12 am

Thank you for all your help with this. Can you also provide the custom function to move the Event Dates below the description. And, I would like it to display all dates, including expired.

Also I would like it to say “Class Dates” instead of “Event Dates”. And I would like it to say “Class Location” instead of “Event Location”.

I had tried adding the following to my custom function plugin but it doesn’t seem to be capturing everything –
add_filter( ‘FHEE__EE_Register_CPTs__register_CPT__rewrite’, ‘my_custom_event_slug’, 10, 2 );
function my_custom_event_slug( $slug, $post_type ) {
if ( $post_type == ‘espresso_events’ ) {
$custom_slug = array( ‘slug’ => ‘classes’ );
return $custom_slug;
}
return $slug;
}


Lorenzo Orlando Caum

  • Support Staff

May 12, 2015 at 8:36 am

Hi, the function that you shared only changes the default events slug in the URL to classes. It does not change any other areas of Event Espresso.

This sample code snippet can be added to your site specific plugin to change the order:

https://gist.github.com/lorenzocaum/a33405557a2a065779ea

Any existing coding that has been added should be removed prior to adding the one above. The order will then become:

event image, event description, ticket selector, datetime

The custom function below will change the messaging from events to classes:

function ee_custom_messaging_events_classes( $translated, $original, $domain ) {
    $strings = array(
        'Event Dates' => 'Class Dates',
        'Event Location' => 'Class Location',
       );

    if ( isset( $strings[$original] ) ) {
        $translations = get_translations_for_domain( $domain );
        $translated = $translations->translate( $strings[$original] );
    }
 
    return $translated;
}
 
add_filter( 'gettext', 'ee_custom_messaging_events_classes', 10, 3 );

Note that this will only change those specific areas since a gettext filter works by looking for an exact match. It can also be added to your site specific plugin.


Lorenzo


Kirstin

May 14, 2015 at 7:59 am

Lorenzo, Thank you. On the event page I would like to show all dates including expired. Could you please provide the code to do this? Is there a way to add a title to the Date Times section? I would like it to say “Class Dates”. Also, I would like a space separator between the Date Times and the Class Location section. And, on the Calendar page I would like the dropdown selector to say “Select a Location”. Thanks so much for your help!


Lorenzo Orlando Caum

  • Support Staff

May 14, 2015 at 9:26 am

Hi Kirstin, we’ve worked through several questions in this support post. I’ll share feedback on your new questions here. If you have any additional questions that are new, please open new support posts in our support forums:

https://eventespresso.com/support/forums/

Event Espresso will show all events by default in the events listing page. Expired datetimes are currently hidden as they become expired.

A heading can be added but that will require working with templates. Are you comfortable with using an SFTP or FTP client such as FileZilla or Cyberduck?

Replace the most recent function that I shared in my earlier reply with this:

function ee_custom_messaging_events_classes( $translated, $original, $domain ) {
    $strings = array(
        'Event Dates' => 'Class Dates',
        'Event Location' => 'Class Location',
        'Select a Venue' => 'Select a Location',
       );
 
    if ( isset( $strings[$original] ) ) {
        $translations = get_translations_for_domain( $domain );
        $translated = $translations->translate( $strings[$original] );
    }
  
    return $translated;
}
  
add_filter( 'gettext', 'ee_custom_messaging_events_classes', 10, 3 );

The difference here is that the new entry has an addition to adjust the messaging on the calendar dropdown.

Thanks


Lorenzo


Kirstin

May 14, 2015 at 9:37 am

Lorenzo, I am comfortable using FileZilla. Thank you.


Lorenzo Orlando Caum

  • Support Staff

May 14, 2015 at 9:46 am

Alright, go ahead and setup the starter templates by following this tutorial:

https://gist.github.com/lorenzocaum/16aac08f099d7c154f04

Let us know when they are in place.


Lorenzo


Kirstin

May 17, 2015 at 10:01 am

Lorenzo, I have decided I would like the layout of my custom event page to look exactly like this. https://safetycoursesforkids.com/courses/babysitters-course-at-burlington-red-cross-branch/

Do I still proceed with setting up the custom template as directed above?


Kirstin

May 17, 2015 at 10:33 am

Lorenzo, To further clarify – I would like the page layout, including sidebars, to be exactly like this page. How do I turn the sidebars on for the event pages? I do not see this option.


Lorenzo Orlando Caum

  • Support Staff

May 18, 2015 at 12:03 pm

Hi, update to the latest version of Event Espresso. Then go to an event using the event editor and look for the page template option.

If your theme has a page content + sidebar option available, then you should see it there in the dropdown for selection. Select it and then save changes.

You’ll need to do this for each event.

Otherwise, you can setup the starter templates which will change the layout for all single event pages:

https://gist.github.com/lorenzocaum/16aac08f099d7c154f04


Lorenzo


Kirstin

May 19, 2015 at 6:25 am

My theme does have the option of content + sidebar, for instance I use it here http://0ae.f46.myftpupload.com/19626-2/

However, I do not have that option when in an event. The only options I have are default template, blank page, custom registration page or portfolio. There are no options to set the sidebar.


Lorenzo Orlando Caum

  • Support Staff

May 19, 2015 at 8:21 am

Alright, then you’ll need to setup the starter templates that I shared earlier:

https://gist.github.com/lorenzocaum/16aac08f099d7c154f04


Lorenzo


Kirstin

May 19, 2015 at 3:05 pm

Lorenzo – I have completed steps 1-6, which page.php file am I supposed to duplicate in step 7?

Also, my registration page is now returning the following error –
Fatal error: Cannot redeclare espresso_pagination() (previously declared in /home/content/p3pnexwpnas04_data02/48/2385748/html/wp-content/themes/royal/functions.php:8) in /home/content/p3pnexwpnas04_data02/48/2385748/html/wp-content/plugins/event-espresso-core-reg/public/Espresso_Arabica_2014/functions.php on line 39


Lorenzo Orlando Caum

  • Support Staff

May 19, 2015 at 6:28 pm

Hi,

I added a duplicate check to the function. Try copying and pasting it again and that should go away:

https://gist.github.com/lorenzocaum/16aac08f099d7c154f04

We can’t see your theme so we aren’t sure what is available. However, I would try a page.php file since pages usually have sidebars.


Lorenzo


Kirstin

May 20, 2015 at 2:58 pm

Lorenzo –

Can you please tell me where to make the changes for the call for content in step 7:

This is the contents of the page.php file I copied:

<?php
get_header();
?>

<?php
extract(etheme_get_page_sidebar());
?>

<?php if ($page_heading != ‘disable’ && ($page_slider == ‘no_slider’ || $page_slider == ”)): ?>

<div class=”page-heading bc-type-<?php echo esc_attr( etheme_get_option(‘breadcrumb_type’) ); ?>”>
<div class=”container”>
<div class=”row”>
<div class=”col-md-12 a-center”>
<h1 class=”title”><span><?php the_title(); ?></span></h1>
<?php etheme_breadcrumbs(); ?>
</div>
</div>
</div>
</div>

<?php endif ?>

<?php if($page_slider != ‘no_slider’ && $page_slider != ”): ?>
<div class=”page-heading-slider”>
<?php echo do_shortcode(‘[rev_slider_vc alias=”‘.$page_slider.'”]’); ?>
</div>
<?php endif; ?>

<div class=”container content-page”>
<div class=”sidebar-position-<?php echo esc_attr($position); ?> responsive-sidebar-<?php echo esc_attr($responsive); ?>”>
<div class=”row”>
<?php if($position == ‘left’ || ($responsive == ‘top’ && $position == ‘right’)): ?>
<div class=”<?php echo esc_attr( $sidebar_span ); ?> sidebar sidebar-left”>
<?php etheme_get_sidebar($sidebarname); ?>
</div>
<?php endif; ?>

<div class=”content <?php echo esc_attr($content_span); ?>”>
<?php if(have_posts()): while(have_posts()) : the_post(); ?>

<?php the_content(); ?>

<div class=”post-navigation”>
<?php wp_link_pages(); ?>
</div>

<?php if ($post->ID != 0 && current_user_can(‘edit_post’, $post->ID)): ?>
<?php edit_post_link( __(‘Edit this’, ETHEME_DOMAIN), ‘<p class=”edit-link”>’, ‘</p>’ ); ?>
<?php endif ?>

<?php endwhile; else: ?>

<h3><?php _e(‘No pages were found!’, ETHEME_DOMAIN) ?></h3>

<?php endif; ?>

</div>

<?php if($position == ‘right’ || ($responsive == ‘bottom’ && $position == ‘left’)): ?>
<div class=”<?php echo esc_attr($sidebar_span); ?> sidebar sidebar-right”>
<?php etheme_get_sidebar($sidebarname); ?>
</div>
<?php endif; ?>
</div><!– end row-fluid –>

</div>
</div><!– end container –>

<?php
get_footer();
?>


Kirstin

May 20, 2015 at 3:02 pm

Also, I updated my theme’s functions.php as requested and am still receiving this error:

Fatal error: Cannot redeclare espresso_pagination() (previously declared in /home/content/p3pnexwpnas04_data02/48/2385748/html/wp-content/themes/royal/functions.php:9) in /home/content/p3pnexwpnas04_data02/48/2385748/html/wp-content/plugins/event-espresso-core-reg/public/Espresso_Arabica_2014/functions.php on line 39

Do I need to change the code in the Espresso_Arabica_2014/functions.php file also?


Lorenzo Orlando Caum

  • Support Staff

May 20, 2015 at 6:16 pm

That is strange. Try removing it altogether from your theme’s functions.php file and saving changes.


Lorenzo


Kirstin

May 21, 2015 at 7:16 am

Lorenzo –

I removed the pagination from my theme functions.php file and it corrected the error. But I still do not give the ability to have a sidebar. Do I need to add the call for content in Step 7 and 8? Please see my page.php content above and tell me where to place the code.

Thanks.


Lorenzo Orlando Caum

  • Support Staff

May 21, 2015 at 10:18 am

Hi, can you post a copy of your theme as a zip file?

You can upload to a service like Tinygrab or Getcloudapp and then link to it here.

That will help us resolve this issue for you.


Lorenzo


Kirstin

May 21, 2015 at 11:43 am

Please try this link redacted – Event Espresso support team – LOC


Lorenzo Orlando Caum

  • Support Staff

May 21, 2015 at 11:56 am

Hi, the theme was fairly large in size at 23MB but I see it has some bundled functionality for an ecommerce store.

Go to theme options –> Blog layout. Then scroll down and look for sidebar position:

http://cl.ly/image/3l251K2U3i3Q

Select the option as shown above and save changes.

You should then see a sidebar on your event pages:

http://cl.ly/image/47412O3l2M3m


Lorenzo


Kirstin

May 21, 2015 at 3:20 pm

Is it possible to use Visual Composer on the event page?


Lorenzo Orlando Caum

  • Support Staff

May 21, 2015 at 3:43 pm

Hello,

Visual Composer is not supported at this time.


Lorenzo


Lorenzo Orlando Caum

  • Support Staff

November 18, 2015 at 8:39 am

Hello again Kirstin,

As of Event Espresso 4.8.21, there is a custom display re-order option available in the WordPress dashboard.

Backup your WordPress and update your software

https://eventespresso.com/wiki/how-to-back-up-your-site/

You can see the change log for Event Espresso 4 here:

https://eventespresso.com/wiki/ee4-changelog/

Remove existing filters for adjusting the order

If you have used some of the suggested filters to adjust the order of your event elements, then you’ll want to first remove those from your website and they may have been added to your child theme’s functions.php file or a site specific plugin.

Set a custom order through the Templates screen

Afterwards, go to your WP dashboard (WP-admin) –> Event Espresso –> Events –> Templates. The Use Custom Display Order options in the Templates screen can be used to reorder the events elements on the single event page as well as the events listing page.

Again, be sure that any of the filters for adjusting the order have been removed from your site specific plugin or your child theme’s functions.php file before turning on the template reorder option. Otherwise, you may see duplicate content.

Thanks


Lorenzo

The support post ‘Custom Event Registration Page’ 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