📘 Adding BookThatApp Booking Forms to the Mobilia Theme

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

⚠️ Note: If your theme has recently been updated, some steps may require adjustment. We recommend taking a backup of your theme before making changes 💾.

Please note that the booking form are available on the Business plans and above. Please write in to our support team to assist with the implementation.

⚡ Note on Widgets

Widgets are our newest type of booking form. We highly recommend using a widget over a classic booking form.

Our booking forms are available in the app for Business or higher subscriptions. Besides requiring no coding changes and having a more modern look that flows better with the theme, widgets also have more settings and better app performance compared to classic forms.

Since widgets require no coding changes, you can easily have many different types of widgets in your store to handle all types of booking scenarios.

If you have not tried out a widget yet, please see the following:
Widgets Article 🔗

Step 1 – Choose Your Booking Form 🔍

• Login to BookThatApp
• Read our help desk article to determine which booking form is most applicable for your store. 
• Write in to our support team for assistance.
• Once you have chosen a booking form, in the app admin, select Developer Guide ->Product Page. 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

1. In Shopify Admin, open your current theme.

2. Open the product-form.liquid file under the Snippets area of your Theme Editor.

3. Copy the code below and paste it on line 25:

{% include 'booking-form' %}

4. Click Save ✅

Step 3 - Updating the Cart Page

Continue with the instructions on the BTA Admin Install page.

• There is no need to add line item properties for this theme.

• We recommend disabling the quantity in the cart page.

  • The quantity code is at line 96 of the cart.liquid file in the Templates area of the Theme Editor.

Step 4 - Updating the Email Templates

Continue with the instructions on the BTA Admin Install page.

Step 5 - Changes to Settings

In your Shopify Theme Editor, select the Customize theme button. We recommend the following setting changes for the Mobilia theme:

• Disable the "Quick View" feature on collection listings (under the "Collection Page" section) so that the booking form works correctly.

• Disable "Style Tables" (under the "Layout Colors and Background" section) so that the calendar layout works.

Please note: You can add CSS to your booking form, but it is not recommended for this theme since formatting is inherited from the select class.

The app should now be successfully installed in the Mobilia theme 🎉.

If you have any questions or the booking form is not appearing, please create a ticket, and we'll be happy to help.