Showtime Theme

In this tutorial, we will take you through how to add BookThatApp to the Showtime 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.liquid file under the Section area of your Theme Editor.
• Look for the following code between lines 69 and 92:

• Press Enter after the </div> element on line 89.
• Copy and paste the below code on line 90:

<div class="row">
    <div class="col-sm-12">
        {% include 'booking-form' %}
    </div>
</div>

• Click Save 

Step 3 - Updating the Cart Page 

• Continue with the instructions in the BTA Admin Install page. There is no need to add line item properties for the Showtime theme, however we recommend disabling the quantity in the cart page. The quantity code is at line 61 of the cart.liquid file in the Templates area of the Theme Editor.

Step 4 - Updating the Email Templates

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

Please note that you can add CSS to your booking form, but it is not recommended for this theme since formatting is inherited from the selector-wrapper class.

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