LetsTravel Documentation - www.20script.ir

We would like to thank you for purchasing LetsTravel!

This documentation file helps you to understand the whole theme concept and how it works. You should read all sections of the file before start your work. Here have multiple detailed explain of elements, theme sections and included video tutorials.

If you have any questions that are beyond the scope of this help file, please check out and search for Forum page.

After that you still can't find the solution yet, please leave a ticket on Support system then support agents help your issue.

Surely you have already installed WordPress on your server. If you don't installed it yet and you are new to WP and have problems installing it, you might want to check out following tips.

About WordPress: Detailed instruction about WordPress
Installing Tutorials: Installation tutorial by WordPress
Instructional Video: Video lessons by Woo Themes
Getting Started: WordPress Tips for Beginners
WP101 Basix Training: Some great videos from WPTuts on WordPress

You need to download theme files after you've purchased the it. Following image describes downloads section of the item and you have 2 download choices.

Downloading All Files gives you a all-files.zip file with all the content listed below

Documentation: This is costumer's handbook. Obviously, If you can reading this file, you're open this file :)
DummyData: You have an One Click option for import demo data. But if you need detailed xml files please pick up those here. You should read about how to use it from Demo Data part of this document.
LetsTravel.zip: You can use this file for install function of built in WordPress.
LetsTravel-Child.zip: Child theme. Please make your file changes in it. And this child theme helps you to keep your changes in it even updated main theme continually. You should read more details about child theme here.
Changelog.txt: Contains changes history, change descriptions, date and modified files list.

Downloading the installable WordPress theme only gives you the LetsTravel.zip file.

You can either choose to upload the theme via WordPress upload function or via ftp to your site.

1. Via WordPress theme uploader (recommended)

Step 1: Login to your website
Step 2: Go to Appearance -> Themes
Step 3: Click on Install Themes tab
Step 4: Click on Upload link and Browse to the LetsTravel.zip file (it is located in the folder you've downloaded from ThemeForest).
Step 5: Click Install Now button
Step 6: Then you see LetsTravel settings page right side on Dashboard menu section.
Step 7: Now you are ready to go. Create your new site and control it.

2. Via FTP client

Step 1: Login to your hosting via FTP client application (such as FileZilla and CuteFTP)
Step 2: Go to wp-content -> themes directory
Step 3: Upload LetsTravel folder (uncompressed) into this directory
Step 4: Refresh Appearance -> Themes of your dashboard and Activate the theme.

After the activation you see this notice at top of your dashboard. This theme requires those three additional plugins and you need to install those.

Please click on Begin insalling plugins.

Envato Toolkit: The Envato WordPress Toolkit enables you to access your Envato WordPress purchases from within your WordPress Dashboard. It allows you to not only install themes, but also to receive update notifications and update automatically, just like regular WordPress themes.
Visual Composer: The most advanced PageBuilder Plugin that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required
Revloution Slider: This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
Portfolio Plugin: This plugin an optional plugin but highly recommended for your portfolio. It has own features and sinlge post options those compatible with portfolio details section. Your portfolio posts won't let go after you activated different themes on your site and that's the biggest reason why we are adding portfolio post type as in a custom plugin.

Configure Envato Toolkit Plugin

Envato Toolkit plugin requires MarketPlace username and API Key. You can get API key from your Settings tab of ThemeForest account. Lets provide those infomation and get theme update anytime and easily.

One Click Demo Data Options

Theme has dedicated data option. You should click one of those link and select your desired home page layout. Action will set few important tasks including selection of Home page, Main navigation setting and Sidebar widgets when you click on Import Demo Data button.

Demo data

Please wait for a while until imports all the content.

Full content Demo site setup

Previous option helps you to include minimized demo content on your site reason for quick include. But you can have full demo data with regular XML data imports.

Go to Tools → Import
Choose WordPress from the list.
Upload the demo content.xml using the form provided on download.
You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.

Note

Please make sure you backup your existing theme folder before updating. Additionally we recommend performing the update on a development site before making it on your live site.

Via Envato Toolkit Plugin (recommended)

Hope you have provided your account information in Envato Toolkit plugin. If you go to the plugin page, you'll see similar to following image. Let's click on Update automatically link at right bottom. This is a most efficienat and easy way to integrate latest verion on your site.

After clicking to auto-update, you’ll see the confirmation that everything worked correctly.

Via WordPress theme uploader

Go to the Appearance => Themes and activate another theme than LetsTravel such as TwentyTwelve, TwentyThirteen or LetsTravel child theme. Delete the old version of the theme because folder name existing error comes up when we try to install it without deletion. Then install the theme again as you see early in this documentation.

Via FTP client application

Usually updating a theme means replacing the old files with the new ones. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.

If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.

WordPress treats two version of the same theme as different themes. That is, if you have LetsTravel v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.

That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.

Try to upload new theme archive to the site
If the folder name of the new version clashes with the old version, rename the folder of new version.
Upload the new version to your wp-content/themes folder via FTP or through the interface provided by your web host or by using the upload feature in WordPress.
Activate the new version from your dashboard.

The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.

Live Customize panel has many options those help you to control your site. You have to know only where your desired options exist and how they are capable of. Please take some time to navigate through each tab and read options' description.

Group	Class	Description
`Color`	Background color	Here is the you can change you pages background color.

	Brand Color	In this customizing you can the colors brand color of your color.
	Secondary Color
	Menu Background color	In this customize you can change the colors of menu background.
	Menu color	In this customize you can change text of menu color.

	Title color	In this customize you can change H1 of colors.
	Text Color	In this customize you can change the all of text color.
`Booking`
	Booking currency	In thi customize you can insert some value currenc before $ symbol.
	Show useful information	Here is turn on your information. In your booking will see more information.
	Information box title	Here is you can add your information title.
	Information box content	Here is you can add more info in your booking.
	Phone number	In this customize of phone number will appear your menu of top.
	Email address	In this customize you can add your email address it same of the above customize.
	`Layout &Font`
	Content wrapper width	Here is the you can change your width content.There are 2 options of wrapper width.
	Corner Radius	Radius of images .
	404 page style	In this customize you can select page not found 404 style. There are 2 options.
	Backround image	Here is the you can select of background image of page.
	Menu font	Here is the you can select of only menu fonts.
	Tite font	Here is the you can select of title fonts.
	Text font	Here is the you can select of text fonts.
	`Footer`
	Enable Footer	On/Off
	Footer Style	Heres is you can select footer column here.
	Footer logo	Here is you can upload your footer logo.
	Footer Content	Here is the type your content of footer
	Footer Background color	You can select your color and change footer background color.
	Sub Footer Text color	Here is you can change your sub footer text color.
	Sub Footer Background color	Here is you can change sub footer background color.
`Post Types`	`Post Options`
	Post Comments	On/Off
	Next/Prev links	On/Off
	`Page Options`
	Author Box	On/Off
	Page Comment	On/Off
	`Portfolio Options`
	Portfolio Label	Use this field to rename your portfolio custom post type.
	Portfolio Slug	Changes the default slug for this post type.
	Related Posts	On/Off
	Comment	On/Off
	Next/Prev links	On/Off
	Portfolio Main Page	Please select here main portfolio page. It's important for your breadcrumb.
	Portfolio Sidebar	You can set here default portfolio sidebar area.
`Extras`	`Export/Import`
	`Custom CSS`
	General CSS
	Tablet CSS	Screen width between 768px and 991px
	Wide Phone CSS	Screen width between 481px and 767px. Ex: iPhone landscape.
	Phone CSS	Screen width up to 480px. Ex: iPhone portrait.
`Widgets`		You can add your widgets here to sidebars and footer columns.

You can Reset all your changes back to default with bottom corner icon. Don't forget to backup your settings if you think some of them are important to you.

After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially.

Please read more about Visual Composer page builder from separate documentation file.

Visual composer has tons of elements that presents content view. But our theme has more advanced elements that enriches this beautiful theme. Please hit on the tab and find elements and use them for your need. Every element has a purpose and detailed options. You can see their live result on the demo pages. Enjoy :)

\

Group	Description
`Alert post`	Show your blog posts by category and by specific numbers.
`Archive list`	A container element. Price Container elements. Here is the you can insert your price.
`Blog post`	Here is you can insert images and set description.
`Cart`	Here is you can insert images and set description.
`City Entry`	Here is you can insert images and set description.
`Contact Info`	Here is you can insert images and set description.
`Countdown timer`	Here is you can insert images and set description.
`Counter`	Here is you can insert images and set description.
`Country Carousel`	Here is you can insert images and set description.
`Country Custom Carousel`	Here is you can insert images and set description.
`Country Item`	Here is you can insert images and set description.
`Advanced search filter`	Here is you can insert images and set description.
`Flight Price Block`	Here is you can insert images and set description.
`Full height Room`	Here is you can insert images and set description.
`Full height Tour and Video`	Here is you can insert images and set description.
`google maps`	The element allows options for you to fill overlay coloured layer and custom map marker image.
`Simple Post type filter`	Here is you can insert images and set description.
`Social list`	Here is you can insert images and set description.
`Magic tab`	Here is you can title, image and icon. Create your module
`Most Popular cities`	Here is you can insert images and set description.
`Offer block`	Here is you can insert images and set description.
`Partners`	Here is you can insert images and set description.
`portfolio`	Show your portfolio posts by category and specific numbers.
`Post types show carousel`	Here is you can insert images and set description.
`Post types cart`	Here is you can insert images and set description.
`Post types-show grid`	Here is you can insert images and set description.
`Price Table`	Here is you can insert images and set description.
`Progress bar`	Here is you can insert images and set description.
`Search form`	Here is you can insert images and set description.
`Service Carousel`	Here is you can insert images and set description.
`Service box`	Here is you can insert images and set description.
`Site map item`	Price box Container
`Site map`	Here is you can insert image and text then create template box.
`Post types Slider block`	Testimonial Slider Swiper Container.
`Team member`	Here is you can insert images and set description.
`Testimonial slider`	Here is you can insert images and set description.
`Title`	Here is you can insert images and set description.
`Post type list`	Here is you can insert images and set description.
`Tours and testimonial Carousel`	Here is you can insert images and set description.
`Video Player`	Here is you can insert images and set description.

You'll find Page options at bottom of your main editor. Please read the option name and description and use them for customize your every single page.

Please turn following option On when you want to use One Page style on your page. This option allows you to navigation replacement by your predefined row sections.

Then your should set your rows as a section of the page. Every included row (parent) sections have this feature and can be a part of one page section. Enable and set label and slug properties.

Theme has an additional element for your portfolio. You can make your portfolio page with it first by it's options including Column variations, Filter and Pagination options.

Menu system works through WordPress core functions. Then I hope you don't have any trouble with it. We extended menu options with a few options such as Menu Icon and Mega menu options. Please look at next images and follow the steps for your menu.

Hope you are familiar with this powerful slider. If you are not, please read some of important usages on the slider documentation file from documentation directory.

The slider has a tons of features and abilities. But we've added some more modifications related Navigation styling, Half transparent overlay etc on CSS / Javascript section of the Slider Settings.

Please import our sliders one by one or with One click options and check following.

Our theme is compatible with Contact form 7 and please put following markup on the Form field of your form. Then your form turns similar into our style that presents on Contact page.

<div class='contact-us'>
<div class='row'>
<div class='col-md-6 col-sm-6'>
      [text* your-name placeholder "Your name"] 
</div>

<div class='col-md-6 col-sm-6'>
      [text* your-email placeholder "Your email"] 
</div>

<div class='col-md-6 col-sm-6'>
      [text* your-subject placeholder "Subject"] 
</div>

<div class='col-md-6 col-sm-6'>
      [text* your-tel placeholder "Contact phone"] 
</div>

<div class='col-md-12 col-sm-12'>
    [textarea your-message placeholder "Message"]
</div>

<p>[submit "SUBMIT"]</p>
</div>
</div>

And you shoud add following template on Mail (message body) section then you'll receive all details to your mail.

From: [your-name] <[your-email]>
Subject: [your-subject]

Telephone:  [your-tel]

Message Body:
[your-message]

Reserve form

<div class="reservation-form clearfix">

<div class="input-reservation">
[text order-q class:date placeholder "18/05/2015"]
</div>

<div class="input-reservation">
[text order-q class:person placeholder "2 people"]
</div>

<div class="input-reservation">
[text order-time class:time placeholder "19:00"]
</div>

<div class="input-reservation">
[text order-name placeholder "Your name"]
</div>

<p style="text-align:center;"><button type="submit" class="reserv-submit">Submit <i class="fa fa-long-arrow-right"></i></button></p>

</div>

Mail (message body)

From: [your-name] <[your-email]>
Subject: [your-subject]

Order details: [order-q]
Order date: [order-time]
Order name: [order-name]

Message Body:
[your-message]

Subscribe form

You can have subscribe form by MailChimp for WordPress plugin. Install the plugin and add a widget instance on footer sidebar area.

Sometimes hard to implement small css features by predefined options. Then we've prepared some helpful classes those can used on any custom places and style your content. Most of page builder elements have Extra class field and you can allow following classes on them.

Class name	Description
`.brand-color`	Styles text color by current brand color
`.image-shadow`	Adds shadow on image element
`.text-light`	Sets text color as white
`.list-inline`	Allows ul/ol to inline style.
`.no-margin`	Disables element margin. Efficient usage is on Rows
`.no-margin-top`	Disables element margin top
`.no-margin-bottom`	Disables element margin bottom
`.no-padding`	Disables element padding
`.no-padding-top`	Disables element padding top
`.no-padding-bottom`	Disables element padding bottom

Here is the homepages of explain and elemnts.

HomePage1

HomePage2

HomePage3

HomePage4

HomePage5

HomePage6

HomePage7

HomePage8

HomePage9

HomePage10

HomePage11

HomePage12

HomePage13

HomePage14

HomePage15

HomePage16

Thank you to all who developed following projects/products. We really appreciate your support and time. We definitely couldn't do this template without you. We wish you all the best.

Special thanks to:

Images

PhotoDune.net - Team images, some slider backgrounds
PublicDomainArchive.com - Background images, portfolio image & gallery images
Joshua Jadon - Book cover images on Home7, didn't included on download
KLM - Be My Guest collection by Julian Burford
IconFinder.com - Free social logo PNGs
SubtlePatterns.com - A couple of transparent background textures

Open Source Projects

Premium Projects

Visual Composer by WPBakery
Revolution Slider by ThemePunch

General Information

WordPress Information

What’s Included In Package

Installation

1. Via WordPress theme uploader (recommended)

2. Via FTP client

Initial Settings

Configure Envato Toolkit Plugin

Demo Data

One Click Demo Data Options

Full content Demo site setup

Update Instructions

Note

Via Envato Toolkit Plugin (recommended)

Via WordPress theme uploader

Via FTP client application

Live Customize Panel

Page Builder : Visual Composer

Additional VC Elements those comes with the theme

Page Options

One Page Options

Portfolio Options

Menu & Navigation controls

Revolution Slider

Contact Form

Reserve form

Subscribe form

CSS helper classes

lets Travel Home pages

Sources and Credits

Images

Open Source Projects

Premium Projects