Making Booking Date a Required Field

Caution

This is an advanced tutorial and is not supported by Zetya.  Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.

BookThatApp automatically makes the booking date a required field however for themes that use Ajax to add products to the cart you need to customize the Javascript code that adds the product to the cart.

The easiest way to do it is to find the code and put in a check yourself. E.g.

$(".addtocart").click(function(e){  
  var elem = $(this);

  if ($('#booking-start').val() === "") {
    alert('Please select a date');
    return false;
  }

  $(elem).prop("disabled", true)

  e.preventDefault();
  addItem('add-item-form');     
});

Please note that while we are happy to answer any questions via a support ticket implementing changes to Ajax falls outside our no-charge support.