Create Tour

Go to Products >> Add New

1: Create Tour

1.1: Add General Fields

1.2: Add Global Price

  • Regular Price: It is price for Adult

  • Sale Price: For Adult

  • Children Price

  • Baby Price

1.3: Add Quantity and Guest

  • Quantity: Maximim tour at a time.

  • Stock Quantity by Guests: Quantity depends on total number of guests

Example: If Quantity is 1.

Case 1: Checked "Stock Quantity by Guests" option.

The customer 1: Book a tour at 20/06/2024 with 5 guest.

The customer 2: CAN book a tour at 20/06/2024 with 5 guest.

Case 2: UnCheck the "Stock Quantity by Guests" option.

The customer 1: Book a tour at 20/06/2024 with 5 guest.

The customer 2: CAN'T book a tour at 20/06/2024 with 5 guest.

1.4: Add some fields

1.5: Add Deposit

1.6: Add Tour with Fixed Dates

  • TIme Slots: No

  • Days: Insert the number of days of the tour.

  • Fixed Dates

Backend
Frontend

1.7: Add Tour with Duration

  • Duration: Yes

  • Hours: Insert the number of hours of the tour

  • Schedule: Price in Duration will override global price.

Backend
Frontend: Booking Form

1.8: Add Features

Icons: you can find icon class here

Backend
Frontend: Product Detail

1.9: Add Global Discount

Price in global discount with override global price and duration price.

Backend

1.10: Add Price with Special Time

Price in special will override global price, duration price and global price.

Backend

1.11: Add Resources

Backend
Frontend: Booking Form

1.12: Add Services

Backend
Frontend: Booking Form

1.13: Add Unavailable Time

Backend
Frontend: Booking Form

1.14: Add Some Settings

  • Category Settings: Setup in per category

  • Global Settings: Go to WooCommerce >> Settings >> Booking Tours

  • Product Template: Choose Category Settings or Other template ( that build in elementor)

  • Disable WeekDay: Example: 0,6 0: Sunday 1: Monday 2: Tuesday 3: Wednesday 4: Thursday 5: Friday 6: Saturday

  • X Days Preparation Time: Example: if "X Days Preparation Time" insert 3 and Today is 27 August => The customer only booking from 30 August

  • Book before X hours today: Example: if "Book before X hours today" insert 16:00 and If now is 15:30 => The customer can book this product. If now is 16:30 => The customer can't book this product.

  • Custom Checkout Fields: Read here to know create Category Settings: Setup in per category. New: You can insert new custom checkout fields for this product.

  • Check out field: Global Settings: Go to WooCommerce >> Settings >> Booking Tours >> Booking Form >> Show check out field. Yes: show field No: hide field

  • Forms Global Settings: Go to WooCommerce >> Settings >> Booking Tours >> Product Details >> Show Booking Form or Show Request Booking Form Only Booking Form Only Enquiry Form Show Both

1.15: Add Place

a) Short Address

This fields will dsiplay in Archive/Category, Single Tour instead address in google map.

b) Use Google Map:

You have to insert Google Key Map in Settings to display Google Map here.

Backend
Frontend: Product Detail

b) Use Iframe display a Route Tour

You have to iframe in google map

Backend
Frontend: Product Detail

1.16: Add Included/Excluded, Tour Plan

Backend: Included/Excluded
Frontend: Product Detail

Backend: Tour Plan
Frontend: Tour Plan

2: Display at frontend

a) Choose Product Template

When add new tour in backend, you will choose Product Template:

Category Settings: Setup in per Category.

Other Templates: Choose a template that build from Elementor (Example Tour Detail 2, Tour Detail)

b) Show/hide Fields

  • You can show/hide all sections in product detail by config in Customizer. Read here

  • Booking Form

    • Show Booking Form: Config in "Product Details" tab of Global Settings. Read here

    • Show/hide fields in Booking Form: Config in "Booking Form" tab of Global Settings. Read here

  • Enquiry Form

    • Show Enquiry Form: Config in "Product Details" tab of Global Settings. Read here

    • Show/hide fields in Enquiry Form: Config in "Enquiry Form" tab of Global Settings. Read here

  • ReCaptcha

    • Show/hide it in config of "Recaptcha" tab of Global Settings. Read here

c) Display at frontend

3: Customize Template

3.1 Customize Layout of Default Template

copy file
themes/tripgo/woocommerce/rental/content-single-product.php
to
themes/tripgo-child/woocommerce/rental/content-single-product.php

3.2: Customize Layout of Template that build with Elementor

You can use Elementor to build layout for product detail. Read here

3.3 Customize per area in product detail

Copy files
themes/tripgo/woocommerce/rental/loop/*.php
to
themes/tripgo-child/woocommerce/rental/loop/*.php

Example:

//Customize Title in product detail page.

Copy files
themes/tripgo/woocommerce/rental/loop/title.php
to
themes/tripgo-child/woocommerce/rental/loop/title.php
//Customize Booking Form in product detail page.

Copy files
themes/tripgo/woocommerce/rental/loop/booking-form.php
to
themes/tripgo-child/woocommerce/rental/loop/booking-form.php

Last updated