Traveler theme just has limited Service facility options but You want to add more fields like “Neighborhood”, “Parking”, “Storage”, “Ensuite Laundry”, “Stories” and many more for Room of Hotel or other service ..

So we have Custom Field Options for you, this post will guide you How to create Custom Field for Tour.

Create Custom Field On Theme Options

To create new Custom Field, you just need go to Traveler Setting > Tour Options > Custom Field

  1. Enter the CustomField Name
  2. Select the Field Type
  3. Enter sample text for Field

custom

  • Title: Add the title for information provided
  • Field Type: Depend on content to choose the type. There are 2 options: TextField and Dateformat.
  • Default: Insert text to display the default value.
    • Textfield: Default value be imported in the form of Character (text, number.. )
    • Dateformat: Import numeric date format.

After saving the field will be show on Tour Setting:

custom_tour

NOTE: Shortcode is to the right of Default:
[st_custom_meta key=”st_custom_abc”]
When we set up a new custom field to describe the rental, it automatically generates a shortcode in order to support in Single Layout

 

Show custom field on Single Tour

1. Get shortcode on Tour detail:

8472334

 

2. Go to Layout that you build Tour Detail (Default : Layout : Single Tours 1), you can go to there, then Add shortcode: [st_custom_meta key=”abc”] on layout.

 

layouttour

3. Style for this Customfield, when you show this function, you can use CSS code  to add  Style for  it

 

In the case you want to add the custom link into the button, you can follow this guide:

The customfield:

ex

Add shortcode to button:

 

Screen-Shot-2016-06-13-at-18.18.01-min

Use this HTML code:

 

<h5 style=”text-align: center;”><a class=”title” href=”[st_custom_meta key=st_custom_external]” target=”_blank”> <strong><span style=”color: #ffffff;”>PRICE &amp; BOOK</span></strong></a> <span style=”color: #ffffff;”><strong>⇒</strong></span></h5>