In this tutorial, we will take you through how to add BookThatApp to the Parallax 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 Snippets area of your Theme Editor.
- Copy the below code.
<div class="select">
{% include 'booking-form' %}
</div>
- Paste the code around line 62 as illustrated.
- 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 this theme, however we recommend disabling the quantity in the cart page. The quantity code is at line 66 of the cart-template.liquid file in the Sections area of the Theme Editor.
Step 4 - Updating the Email Templates
- Continue with the instructions in the BTA Admin Install page.
Step 5 - Additional Theme Settings
1. Cart Type
- Set the cart type as 'Page'.
Cart Types other than 'Page' are not a supported feature. If you require us to troubleshoot this feature it will not fall under our no-charge support.
2. Quick View
Quick View is not a supported feature and we recommend that you disable it in your theme settings. If you require us to troubleshoot this feature it will not fall under our no-charge support.
- If Quick View is left on you will need to add the below to the theme.liquid file just before the closing body tag
</body>.
<script>
var ids = [];
$("form[action='/cart/add']").each(function(i, e) {
ids.push($(e).attr('id').split('-')[2]);
});
var bta = {
product_id: ids.join(',')
}
</script>
The app should now be successfully installed. 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.