Motion Theme

In this tutorial, we will take you through how to add BookThatApp to the Motion 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.  

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

• In Shopify Admin, open your current theme.
• Open the product.form snippet under the Snippets area of your Theme Editor.
• Copy the {% include 'booking-form' %} statement
• Paste the code in or around line 28 as illustrated.

• Click Save

Step 3 - Updating the Cart Page 

• Continue with the instructions in the BTA Admin Install page. Step 3a can be skipped as the theme already includes line item properties. 
• For Step 3b, you can find the quantity input on or around line 86 in the cart template.

Step 4 - Updating the Email Templates

• Continue with the instructions in the BTA Admin Install page.

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