Posted: 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, |
Hi Kirstin, That customer is actually using the EE4 Events Table View Template add-on. |
|
|
I was actually more interested in the page format itself than the table view. How do I create a custom page layout? |
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? |
|
|
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/. |
|
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/ |
|
Dean – 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? |
|
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. |
|
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, |
|
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:
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? |
|
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 – |
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, 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! |
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, I am comfortable using FileZilla. Thank you. |
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, 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? |
|
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. |
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 — |
|
|
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. |
Alright, then you’ll need to setup the starter templates that I shared earlier: https://gist.github.com/lorenzocaum/16aac08f099d7c154f04 — |
|
|
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 – |
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 – 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 <?php <?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’) ); ?>”> <?php endif ?> <?php if($page_slider != ‘no_slider’ && $page_slider != ”): ?> <div class=”container content-page”> <div class=”content <?php echo esc_attr($content_span); ?>”> <?php the_content(); ?> <div class=”post-navigation”> <?php if ($post->ID != 0 && current_user_can(‘edit_post’, $post->ID)): ?> <?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> <?php |
|
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? |
That is strange. Try removing it altogether from your theme’s functions.php file and saving changes. — |
|
|
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. |
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. — |
|
|
Please try this link redacted – Event Espresso support team – LOC |
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 — |
|
|
Is it possible to use Visual Composer on the event page? |
Hello, Visual Composer is not supported at this time. — |
|
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 — |
|
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.