Support

Home Forums Event Espresso Premium Customize the event details on the registration-checkout page

Customize the event details on the registration-checkout page

Posted: October 5, 2016 at 6:39 am

Viewing 2 reply threads


Jerry

October 5, 2016 at 6:39 am

Hello, I would like to customize the EE elements on the registration-checkout page, including:

  • Remove the “Steps” label (not even sure what that is).
  • Remove the “1 Attendee Information” heading.
  • Remove the details table (Name and Description, Quantity, Price, Total) and the “Details” table name.
  • Remove the “Attendee 1” label.

And, in fact, if I could make this stripped-down registration form appear on the single-event page when the user clicks Register (instead of opening a new page), that would be ideal.

Thanks for your help!


Jerry

October 5, 2016 at 6:41 am

P.S. If the solution requires copying one or more of the EE templates to my own theme directory and editing those, I’m comfortable with that.


Tony

  • Support Staff

October 7, 2016 at 4:11 am

Hi there,

Whilst we don’t provide support for custom templates on the forum, we can help point you in the right direction. Most of the changes you are requesting can be done with CSS rather than editing the templates.

Remove the “Steps” label (not even sure what that is).

Registrations run through ‘steps’ as the complete. For example the attendee information step is where you enter the attendee details, then the payment options step. If you have the EE4 user integration add-on install it may also insert it own step to force users to login before proceeding (you can also add your own steps into the checkout).

You can hide them using:

#spco-steps-display-dv, #spco-steps-big-hdr {
    display: none;
}

Remove the “1 Attendee Information” heading.

That’s showing the attendee information step, it will be removed with the above.

Remove the details table (Name and Description, Quantity, Price, Total) and the “Details” table name.

That table can be removed using:

.spco-ticket-info-dv {
    display: none;
}

Remove the “Attendee 1” label.

You can use:

.spco-attendee-lgnd {
    display: none;
}

And, in fact, if I could make this stripped-down registration form appear on the single-event page when the user clicks Register (instead of opening a new page), that would be ideal.

For that you basically need to build out your own checkout system for EE as it is currently expected that the registration-checkout page will handle all of the registration steps.

  • This reply was modified 8 years ago by Tony.
Viewing 2 reply threads

The support post ‘Customize the event details on the registration-checkout 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