Support

Home Forums Event Espresso Premium Sub Headings – Multiple Event Registration EE4

Sub Headings – Multiple Event Registration EE4

Posted: April 10, 2014 at 4:46 am


Danny Long

April 10, 2014 at 4:46 am

Running EE4 Business to support multiple event registration, need to use sub headings within the free registration pages.

How do we create sub headings within the registration page ?

Thanks


Lorenzo Orlando Caum

  • Support Staff

April 10, 2014 at 11:30 am

Hi Danny,

I’m not sure that I understand what you are trying to do. Could you share a link to an event so I can take a look?


Lorenzo


Danny Long

April 10, 2014 at 1:38 pm

Hi Lorenzo… Is there somewhere I can send a document to

Basically the event consists of different classes for the competitors to compete in. Example below

Event registration
Show jumping (this is a heading)
2′ novice
3′ novices

Dressage (this is a heading)

Thanks

Danny


Danny Long

April 10, 2014 at 1:40 pm

Hi… This link is to an example… Not sure if you can get to it

Hi,
Here’s a link to a file in my Dropbox:

https://www.dropbox.com/s/lbz1yze6d4bu1m5/class%20layout.pdf


Lorenzo Orlando Caum

  • Support Staff

April 10, 2014 at 8:48 pm

Hi,

The name of the question group can be used as a heading.

For a subheading, you could create a question and then use CSS to hide the text field.

You can inspect the field with Firebug or Chrome developer tools to get the CSS id. Here is the CSS for the example below (note: it will be unique):

#\31 -57d12c8ba4d4a97debb75781b4f11571-11{display:none;}

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


Lorenzo


Danny Long

April 11, 2014 at 4:30 am

Hi Lorenzo,

Made a quick screencap video for you to clarify what we’re trying to do:

http://www.youtube.com/watch?v=LlGRBAOvI3I

1. We’re actually looking to break up the very first page of the event registration (NOT the second page) by subheadings as per the PDF we attached above.

2. We also need the registrant to be able to select multiple items on the registration form.


Danny Long

April 13, 2014 at 3:51 am

Also Lorenzo, here’s a screenshot of the non-digital registration form that we’re basically looking to recreate with EE4:

http://screencast.com/t/UjdWylFQ71

Thanks!


Danny Long

April 13, 2014 at 10:44 am

Hi Lorenzo… hopefully the info that is posted gives you enough info, as the request is pretty straight forward, well it looks that way )

Thanks


Dean

April 14, 2014 at 5:07 am

Hi,

The request does sound straight forward, but the reality is that it isn’t.

First thing is that there just isn’t a way to group tickets like that. I suppose if you knew the order you could use JavaScript to inject the appropriate headings but that’s not an ideal solution.

I thought about splitting this single event into multiple events and using the [ESPRESSO_TICKET_SELECTOR event_id=”##”] a number of times on a page, separated by titles. However you would end up with multiple Register Now buttons.

Another possible option, though this is quite hackish, is to set a ticket as the sub title, set its date to really old. This will make it have an expired CSS class, which can then be used to remove certain parts of the table.

.ticket-sales-expired td:nth-child(2) { display: none; }
.ticket-sales-expired td:nth-child(3) { display: none; }
.ticket-sales-expired .display-tckt-slctr-tkt-details { display: none; }

Screenshot http://take.ms/qQWN5

Of course this will affect ANY event, unless you add further specificity to the CSS.

The fundamental issue is that EE4 does not have a multiple event selection system (no add to cart) yet, so each each event needs to be registered separately.

You are trying to circumnavigate this issue by having all the classes as tickets within a single event, which is fine, but you’re experiencing the flaw in that you can only select multiple tickets if the “Maximum number of tickets allowed per order for this event:” is set higher than one, which then means the person can register X number of times for one ticket if they wanted.

Again some Javascript might be useful here to limit the dropdowns to one.


Danny Long

April 14, 2014 at 8:10 pm

Hi Dean,

That could work.

1. Where do I make the changes to the CSS?

(I’m not super savvy in this department).

2. We’re looking to do BOTH headings and subheadings as per this image:

http://screencast.com/t/UjdWylFQ71

Heading example = Dressage

Subheading example = Small Tour Championships

Thanks for the help!


Dean

April 15, 2014 at 1:24 am

Hi,

You can use a plugin like My Custom CSS to add the CSS in. But if you’re not too savvy I would suggest getting a web developer in, especially if you need JavaScript to fix the dropdowns to work as you need them to.

I’m not sure that this hack method can create headings and sub headings if I’m honest. You would probably have to resort to a JavaScript solution for that.


Danny Long

April 16, 2014 at 3:55 am

Hi Dean,

Ok, I downloaded the My Custom CSS plugin and made the changes you suggested here’s my event:

http://sunshinetour.co.uk/events/sunshine-tour-2014/

Here’s what I wrote I put into the Custom CSS:

.ticket-sales-expired td:tckt-slctr-tbl-td-name { display: none; }
2
.ticket-sales-expired td:tckt-slctr-tbl-td-price jst-rght { display: none; }
3
.ticket-sales-expired .display-tckt-slctr-tkt-details { display: none; }

It isn’t working. Any tips?


Danny Long

April 16, 2014 at 4:10 am

Scratch that Dean. Got it working 🙂


Dean

April 16, 2014 at 5:58 am

😀 awesome!

The support post ‘Sub Headings – Multiple Event Registration 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