Support

Home Forums Event Espresso Premium Ticket selector with checkboxes?

Ticket selector with checkboxes?

Posted: May 15, 2017 at 6:07 am


Jerry

May 15, 2017 at 6:07 am

I’m having a problem with a ticket selector.

The event at issue has three ticket options (three different Datetimes).

Ideally, I want the choices presented as checkboxes, so that:

  1. The user can choose ANY OR ALL of the three options
  2. The user is limited to 1 ticket for each of the Datetime options

However, I can’t find any way to achieve this.

When I set “Maximum number of tickets allowed per order for this event” to 1, it shows radio buttons for each Datetime. This limits the TOTAL tickets for the event to 1, so it doesn’t meet criterion #1.

But if I change “Maximum number of tickets allowed per order for this event” to 3, it shows a dropdown menu for each Datetime, allowing the user to select up to 3 tickets for EACH Datetime option. This fails criterion #2.

Do you have a suggestion, even if it involves some custom programming?

Here’s the page I’m working on. The event in question is the first one, SummerStage Mini.

Thanks for your help!


Tony

  • Support Staff

May 15, 2017 at 6:20 am

Hi there,

As you’ve found, the ‘Maximum number of tickets allowed per order for this event’ limits the total amount of tickets that can be selected.

However, you can set a limit on each individual ticket through the tickets options.

Edit the event and on each of the tickets click the ‘Cog’ icon for further settings.

Within each of the ticket sections, you’ll find a ‘Maximum Quantity’ setting – http://take.ms/IlaPQ

That’s a limit you can set on each individual ticket selection.

On each of your tickets set that to 1 and save, it doesn’t matter what the ‘Maximum number of tickets allowed per order for this event’ as long as its greater than or equal to 3 (as you can’t the abaility to purchase all 3 tickets) you will only be able to select 1 of each of the tickets as the dropdown for each ticket will only show the maxmimum quantity available for the ticket.


Jerry

May 15, 2017 at 6:42 am

Oh, okay, that’s better! Checkboxes would be better UI, any way to do that with JavaScript or something?

More important, however, this leads to another problem, in the next step. On the Attendee Information page, the first of the 3 tickets is displayed ABOVE the registration form, but the second and third tickets are displayed BELOW the form. I would like to see all 3 tickets together, above the form, with just one set of column headings (Name and Description, Qty, etc.).

(I would include a PDF showing the problem, but there doesn’t appear to be a file upload option here.)

How can I fix this?

Thanks again!


Tony

  • Support Staff

May 15, 2017 at 6:15 pm

Oh, okay, that’s better! Checkboxes would be better UI, any way to do that with JavaScript or something?

Sure, it’s possible but not something we currently have available so this would require custom development.

More important, however, this leads to another problem, in the next step. On the Attendee Information page, the first of the 3 tickets is displayed ABOVE the registration form, but the second and third tickets are displayed BELOW the form. I would like to see all 3 tickets together, above the form, with just one set of column headings (Name and Description, Qty, etc.).

Event Espresso expects each ticket selection to be a registration so its listing the first ticket as a registration and requesting the personal information for the primary registrant. It then lists each registrations ticket details and requests the additional information set for those attendees, as those additional registrations do not require information to be added they don’t display any questions. You can’t move the ticket details from each of the additional registrations into the first registration at this time.

One option is to hide the ticket options on that page using some CSS:

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

(I would include a PDF showing the problem, but there doesn’t appear to be a file upload option here.)

To include screenshots/files you’ll need to host the image/file and then post the link here.

We have some examples of how to add screenshots here:

https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots


Jerry

May 16, 2017 at 7:38 am

I’ll hide the ticket options on the registration form page, per your suggestion, as that’s better than the confusing split-up of the tickets.

If there’s any existing guidance on using custom JavaScript (or a function or whatever ) to replace the dropdowns with checkboxes, I’d greatly appreciate your pointing me to it.

Thanks so much for all your help!


Josh

  • Support Staff

May 17, 2017 at 8:14 am

There’s one example here:

http://stackoverflow.com/questions/42563135/change-input-type-from-radio-button-to-checkbox-jquery


Jerry

May 18, 2017 at 2:16 pm

Thanks, Josh, I’ll take a look at that!

The support post ‘Ticket selector with checkboxes?’ 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