Support

Home Forums Event Espresso Premium Multiple ticket order but only 1 choice

Multiple ticket order but only 1 choice

Posted: September 24, 2020 at 4:17 am


Jonathan Bavay

September 24, 2020 at 4:17 am

Hi,

I’ve been through the support site but can’t find a correct answer to my question so here it is (and if it has been asked before, i’m sorry !)

I’m looking for how to having 3 ticket possibilities, that can be ordered by min 2 and max 5 ticket by order, but, the client can only take 1 type of ticket.

So here is an example :

– Choice 1
– Choice 2
– Choice 3

They can order 3 ticket for the choice 3 but they can’t order the 2 last on the choice 1 or choice 2. (bc we must block the choice to 1 type of ticket per order)

I tried in differents ways; by putting 3 differents DateTimes with only 1 ticket linked to it, or only 1 DateTime with the 3 tickets but the order can always be completed by 2 different type of ticket if the maximum doesn’t exceed 5 tickets.

(Sorry for the rough English guys ^^)

Thank you in advance for the answer πŸ™‚


Tony

  • Support Staff

September 24, 2020 at 5:44 am

Hi there,

Currently, we don’t have a way to do this within Event Espresso so you’ll need some custom development.

One option is to use jQuery to disable the ticket selector qty’s when any single ticket type has it’s qty set/canged.

Are you currently working with a developer familiar with JavaScript at all?


Jonathan Bavay

September 24, 2020 at 7:45 am

Loud and clear !

We actually have some JS dev that can certainly make this happend.
(We were just asking if there was another soluce with all your options πŸ™‚ )

Big Thanks for your support and your quick answer !


Tony

  • Support Staff

September 24, 2020 at 8:57 am

You’re most welcome πŸ™‚

We would like to have some additional options to control tickets etc in the future but we are currently working on various other areas of the plugin so nothing in the pipeline just yet.


Jonathan Bavay

September 30, 2020 at 2:11 am

For ppl who are looking for a rough solution in JS here’s what we did :

jQuery(“.ticket-selector-tbl-qty-slct”).on(‘change’, function() {
if(this.value > 0){
jQuery(“.ticket-selector-tbl-qty-slct:not(#”+this.id+”)”).prop(“disabled”, true);
}
else{
jQuery(“.ticket-selector-tbl-qty-slct”).prop(“disabled”, false);
}
});

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Jonathan Bavay 3 weeks, 5 days ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/topic/multiple-ticket-order-but-only-1-choice/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Name</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>
[i]
[i]