By creating a custom product page template in Shopify you can show the "Book your slots" button on booking-related product pages, without affecting the layout or functionality of your other products.
Follow the steps below to set it up.
1. Under Sales channels, click “Online Store” and click “Customize”.
2. On the top bar, select “Products” and click “Create template”.
3. Enter a name for the template, click “Create template”.
4. Select the “Buy Buttons”, click “Remove block”, and click “Save”.
5. Now, go to “Products” on Shopify Admin, and select the product for which you want to remove the “Buy” button.
6. In the Theme template section, select the created template, and click “Save”.
7. Now, go to the product page on your store, right click anywhere and click “Inspect”.
8. Copy the CSS code of the price section.
9. Go to BookX “Settings”, and click “Edit” on Widget Customization.
10. Select Position using CSS selectors
11. Now, select “Before a HTML element” or “After a HTML element” and paste the CSS code for both desktop and mobile. Click “Save”.
If you need assistance with creating a template or placing the “Book your slots” button, contact our customer support team.