Tour Template

1: Setup Product Template (Tour Template)

A tour will use a template based on the following priority order: Product >> Category >> Global Setting (WooCommerce settings).

First, the system checks the Product Template in the Product setup.

If the product template is set to "Category setting", the system will check the product template in the Category setup.

If the category's product template is set to "Global Settings", the system will use the product template defined in the Global settings (WooCommerce settings) for this tour.

1.1: Product Setup

Go to Products >> Add New Product >> Go to "Advanced options" tab >> choose "Product template" setting

  • Category Settings: Use the product template that is set up in the category.

  • Tour detail 2, Tour detail: These two templates are built with Elementor. plugin You can create and assign templates to any product. Learn more here

1.2: Category Setup

Go to Products >> Categories >> choose a category

  • Global Settings: Use the product template that is set up in global settings(woocommerce settings).

  • Tour detail 2, Tour detail: These two templates are built with Elementor. plugin You can create and assign templates to any product. Learn more here

1.3: Global Settings

Go to WooCommerce >> Settings >> Booking Tours >> Product details

  • Default: This is the default template that is built using a PHP file. Learn more here

  • Tour detail 2, Tour detail: These two templates are built with Elementor. plugin You can create and assign templates to any product. Learn more here

2: Customize Template

2.1) Default Template

a) Show/hide fields

Go to Appearance >> Customize >> Tour >> Single

b) Customize template

If you want to change layout of product template, you have to customize template file in child theme.

Note:

  • You have to active the tripgo-child theme.

  • You can use File Manager plugin to create folder "woocommerce", "rental" in child theme.

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

Customize per section in product template:

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

// Customize Title
Copy files
themes/tripgo/woocommerce/rental/loop/title.php
to
themes/tripgo-child/woocommerce/rental/loop/title.php

// Customize Enquiry Form
Copy files
themes/tripgo/woocommerce/rental/loop/request-form.php
to
themes/tripgo-child/woocommerce/rental/loop/request-form.php

2.2) Proudct Template build with Elementor plugin

a) Show/hide fields

You will see show/hide fields in setting of element.

b) Build product tempate with elementor plugin

Go to Template >> Saved Templates >> Add New template or choose "Tour detail 2", "Tour Detail" (if you imported demo data).

Some elements

  • Product Image

  • Product Title

  • Short Description

  • Product Features

  • Product Price Table

  • Product Forms

  • Product Tabs

  • Product Related

  • Location & Rating

  • Unavailable Time

  • Product Content

  • Video & Gallery

  • Product Included/Excluded

  • Product Plan

  • Product Map

  • Product Reviews

Default Review at frontend
Review when use ReviewX plugin

c) Customize template

Note:

  • You have to active the tripgo-child theme.

  • You can use File Manager plugin to create folder "woocommerce", "rental" in child theme.

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
Copy files
themes/tripgo/woocommerce/rental/loop/title.php
to
themes/tripgo-child/woocommerce/rental/loop/title.php

// Customize Enquiry Form
Copy files
themes/tripgo/woocommerce/rental/loop/request-form.php
to
themes/tripgo-child/woocommerce/rental/loop/request-form.php

3: Show Forms (Booking, Request, Enquiry)

A tour will display 3 forms based on the following priority order: Product >> Global Setting (WooCommerce settings).

First, the system checks the Show Forms in the Product setup.

If the show forms is set to "Global setting",the system will use the values defined in the Global settings (WooCommerce settings) for this tour.

3 forms in product template

a) Setup Forms in product

Go to Products >> Choose a product >> Go to "Advanced option" tab >> "Show Forms" option

  • Global Settings: Use the value that is set up in global settings(woocommerce settings).

  • Only Booking Form

  • Only Request Form

  • Only Enquiry Form

  • Show all: Show all: Show all 3 forms.

b) Setup Forms in Global Settings (WooComemrce Settings)

Go to WooCommerce >> Settings >> Booking Tours >> Product details

  • show/hide any form in prouct template.

4: Booking Form

a) show/hide form

Read in Show forms sections

b) Config form

1: Show/hide checkout field. Learn more in Checkout field of Advanced Opitons in product

2: Show Guests. Learn more in Guest of Advanced Opitons in product

3, 4, 5: Custom checkout fields. Learn more in Custom checkout fields

6: Quantity. Learn more in the Booking Form settings under WooCommerce Settings

7: You can setup Resource in product.

8: You can setup Services in product

9: You can setup Deposit in product

10: Insurance: You can setup value in product

11: Terms and conditions. You can setup in WooCommerce Settings.

5: Request Form

a) show/hide form

Read in Show forms sections

b) Config form

1, 2,3,4: You can show/hide fields in Request Form setting under WooCommerce Settings.

5: Show/hide checkout field. Learn more in Checkout field of Advanced Opitons in product

6: Show Guests. Learn more in Guest of Advanced Opitons in product

7, 8, 9: Custom checkout fields. Learn more in Custom checkout fields

10: Quantity. Learn more in the Booking Form settings under WooCommerce Settings

11: You can setup Resource in product.

12: You can setup Services in product

13: You can show/hide field in Request Form setting under WooCommerce Settings.

14: You can show/hide field in Request Form setting under WooCommerce settings.

6: Enquiry Form

a) show/hide form

Read in Show forms sections

b) Config form

You can setup individual enquiry form for per tour or use a enquiry form for all tour. Lean more in setup forms in product

Last updated