Articles in this section

See more

Streamline Theme

Avatar
Zetya Support
Follow

In this tutorial, we will take you through how to add BookThatApp to the Streamline 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 up your current theme.
  • Open the product-template.liquid file under the Sections area of your Theme Editor.
  • Look for the following code, on or around line 29
  •  Paste {% include 'booking-form' %} below the </select> element 

mceclip0.png

  • Click Save

Step 3 - Updating the Cart Page 

  • Continue with the instructions in Step 3 of the BTA Admin Install page. The quantity code is in or around line 198.

mceclip1.png

Step 4 - CSS Changes

We recommend adding the following CSS to the bottom of the theme.scss.liquid file:

.booking-form {margin-bottom:20px}
.booking-form label {width:80px; margin-right: 5px; margin-left: 14px;}
.booking-form input.bta.datepicker,
.booking-form select.bta-time,
.booking-form select.bta-load-enable {width:205px; margin-bottom:10px; margin-left: 14px;}

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

Comments

0 comments

Please sign in to leave a comment.

Related articles