Date Picker on Cart Page / Managing Delivery Slots

This article is intended to help merchants who are looking to book delivery slots. For example, a food ordering/pick up service.

The delivery date and time will be collected on the cart page and will apply to all items in the cart.

Steps

1. Create a product in Shopify called 'Delivery' (or 'Pick Up') and then import the Delivery product from Shopify into BookThatApp.
   • Set the capacity type to Product.
   • Set duration to how long each time slot is. E.g. if you want a 3 hour window set it to 3 hours.
   • Set the capacity to how many simultaneous deliveries or pick ups you want to allow.
   • Specify your Opening hours.
2. (Optional) Import the products that will be included for delivery into BookThatApp. For example if you are setting up a food ordering service then add all the menu items. This allows you to see which products were ordered within the booking.
   • Note that you can bulk import products into BookThatApp using the file generated via a product export from Shopify.
3. Create a snippet called 'cart-booking-form' and paste the code from here: https://gist.github.com/gterrill/6f6cbe964e45ecf6d305269c8ef873ae
4. Include the snippet in your cart template (sections/cart-template.liquid) at the bottom of the file: {% include 'cart-booking-form' %}

Please note:

• Booking form support must be enabled (under the installation tab in BTA Admin)
• You may need to include jQuery if your theme doesn't include it automatically.
• Please contact us if you need help setting this up.

What is happening here?

When an order is received a booking is created that includes all the items from the cart (that have been configured in BookThatApp). It also adds a booking item for the Delivery product so that we can track how many bookings have been made at the one time.