Posted: 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 | |
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? — | |
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 Dressage (this is a heading) Thanks Danny | |
Hi… This link is to an example… Not sure if you can get to it Hi, https://www.dropbox.com/s/lbz1yze6d4bu1m5/class%20layout.pdf | |
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 — | |
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. | |
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! | |
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 | |
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. | |
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! | |
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. | |
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:
It isn’t working. Any tips? | |
Scratch that Dean. Got it working :-) | |
:D 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.
