Impulse Theme

In this tutorial, we will take you through how to add BookThatApp to the Impulse theme. Before you start we recommend you take a backup of your current theme.

Step 1 - Choose Your Booking Form

• Login to BookThatApp
• In BTA Admin, select the Install link from the left hand navigation menu
• Click on the Install button next to the form that you want installed. Clicking the Install button creates a booking-form snippet in your current theme. Please refer to our article how to choose the booking form if you need help with this step.

You now how a new file in your theme called booking-form.snippet. Add the following just before the line that says </script>:

  $('#ProductSection-{{ product.id }}').on('variantChange', function(e) {
    $(this).find('form').data('bta.bookingForm').setSelectedVariantId(e.variant.id);
  })

Step 2 - Add the booking form to the Shopify product page

• In Shopify Admin, open your current theme.
• Open the product-form.liquid file under the Snippets section of your Theme Editor.
• Look for the code on or around line 28 (as at Mar 3 2019).
• Paste {% include 'booking-form' %} below the </select> element on line 28:

• Click Save

Step 3. Updating the Cart Page for the Quantity to be Read Only

• The quantity code is at line 92 of the cart.liquid file in the Theme Editor.
• Replace this line of code with the code provided in Step 3 of the Install instructions in the app Install page.

The app should now be successfully installed in the Impulse Theme.  If you have any questions or the booking form is not appearing, please create a ticket and we'll be happy to help.