Logistics Theme Documentation

Installation

Through Dashboard

Log in to the WordPress Dashboard.
Go to Appearance->Themes.
Active Logistics themes.

Manual Installation using FTP

Unzip logistics.zip to your Desktop.
Using an FTP client to access your host web server. Go to /wp-content/themes/
Upload theme to /wp-content/themes/.
Go to Appearance->Themes and activate theme from Dashboard.

Demo Content

How to import demo content?

Note: All the required plugins for this theme must be installed and activated before importing demo content.

Go to Tools -> Import
Install and run WordPress importer.
Download demo content zip
Right click on logisticsdemo.zip extract and import xml file demo data
Click on browse, select XML file and click on Upload file and import.
You will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website 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, Products, 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.

Home Page Setup

How to Set up Home Page?

WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> STATIC FRONTPAGE -> Your Latest Posts

Slider Section

How to Manage Slider?

WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> SLIDER
Under Heading "Slider Font Typography & Colors" manage slide title, description, button font-family, color, and font-size.

When you add new slide instead of default so first removed all slides field data Slide Image, Slide Title, Slide Link, Slide Button than add your new slides data.

Logistics Home Sections

How to Manage Home Sections ?

First Create Page For Each Sections. Eg: For "Home Section One" Add Page "Top Three Boxes"...
So for add new Page under admin pannel click on "Pages" in top left navigation. than click on "Add New".
After add pages back on customizer pannel and choose page for section.
Check Below Steps:

WordPress Admin Appearance -> Customize -> FRONT PAGE -> HOME SECTIONS

Below is the screen of Top Three Boxes "Edit Page"

Below is the code of all home sections. Just Copy and Paste it in newly created page.

Home Section 1 Code:

[service pattern="boxpattern-2" icon="fa-truck" title="Ground Shipping" readmore="READ MORE &rarr;" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]

[service pattern="boxpattern-2" icon="fa-plane" title="Air Delivery" readmore="READ MORE &rarr;" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]

[service pattern="boxpattern-2" icon="fa-ship" title="Sea Delivery" readmore="READ MORE &rarr;" url="#" lastbd="no"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]

Home Section 2 Code:

[columns size="2"]<img src="ADD IMAGE URL HERE" />[space height="20"]<div style="color:#888888; line-height:24px;"> Morbi gravida ligula sit amet odio luctus tincidunt. Maecenas dictum risus tempor [clear] arcu porta, in viverra dui porta. Nam ut nibh quis justo sollicitudin cursus vel [clear] mattis. Praesent id purus sed purus ullamcorper mollis vitae dictum lectus.</div>[readmore align="left" button="READ MORE" icon="long-arrow-right" links="#" margintop="4%" target="_parent" color="#222222" bgcolor=""][/columns][columns size="2"]<strong style="color:#aaaaaa; ">ABOUT US</strong>[space height="5"][lefttitle text="THE MAIN FEATURES" titlecolor="#222222" seperatorcolor=""][space height="35"][aboutme icon="ADD IMAGE URL HERE" title="Event of the year" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][aboutme icon="ADD IMAGE URL HERE" title="Online Registration" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][aboutme icon="ADD IMAGE URL HERE" title="Live Videos" description="Maecenas in ultricies justo. Proin id velit sem. Nunc ornare non urna ornare efficitur vestibulum ut sollicitudin sapien..." url="#" target="self"][/columns]

Home Section 3 Code:

<strong style="color:#aaaaaa; text-align:center; display:block;">OUR SERVICES</strong>
[space height="5"]
[centertitle text="WHAT WE CAN DO FOR YOU" titlecolor="#222222" seperatorcolor=""]
[space height="35"]
						
[columns size="5"]				
[logisticsbox image="'ADD IMAGE URL HERE" title="TRANSPORTATION" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[logisticsbox image="ADD IMAGE URL HERE" title="LOGISTICS" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[logisticsbox image="ADD IMAGE URL HERE" title="PACKAGE & STORAGE" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[logisticsbox image="ADD IMAGE URL HERE" title="WAREHOUSING" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[logisticsbox image="ADD IMAGE URL HERE" title="CARGO" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[logisticsbox image="ADD IMAGE URL HERE" title="DOOR - DOOR DELIVERY" description="Maecenas in ultricies justo. Proin id veli ornare non urna ornare..." url="#" target="self"]
[/columns]

Home Section 4 Code:

						<strong style="color:#aaaaaa; text-align:center; display:block;">FROM THE BLOG</strong>[space height="5"][centertitle text="LATEST NEWS" titlecolor="#222222" seperatorcolor=""][space height="35"][posts-style4 show="3" cat="" excerptlength="" readmore=""]

Home Section 5 Code:

[blocks icon="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/blocks1.png" title="100% Safe Delivery" readmoretext="Read More" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus.[/blocks]
[blocks icon="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/blocks2.png" title="Weather Insuarance" readmoretext="Read More" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus.[/blocks]
[blocks icon="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/blocks3.png" title="Support For Your Vehicles" readmoretext="Read More" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus.[/blocks]
[blocks icon="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/blocks4.png" title="Fast & On Time" readmoretext="Read More" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus.[/blocks]

Home Section 6 Code:


[centertitle text="TESTIMONIALS" titlecolor="#222222" seperatorcolor=""][space height="35"]
[testimonials-rotator show="3"]

Home Section 7 Code:


[centertitle text="PRICING" titlecolor="#222222" seperatorcolor=""][space height="35"][centertitle text="PRICING" titlecolor="#222222" seperatorcolor=""][space height="35"]

[plans columns="4" haspopular="no"]
[plan popular="no" title="BASIC FREIGHT" price="$49" valid="/mo" btntext="SIGN UP NOW" btnlink="#"]

 	Single Covered Truck
 	For Men For Transport
 	Insurance
 	Additional Truck Available

[/plan]
[/plans] [plans columns="4" haspopular="yes"]
[plan popular="yes" title="INSURANCE" price="$99" valid="/mo" btntext="SIGN UP NOW" btnlink="#"]


 	Single Covered Truck
	For Men For Transport
	Insurance
	Additional Truck Available


[/plan]
[/plans] [plans columns="4" haspopular="no"]
[plan popular="no" title="FAST FREIGHT" price="$149" valid="/mo" btntext="SIGN UP NOW" btnlink="#"]

 	Single Covered Truck
	For Men For Transport
	Insurance
	Additional Truck Available

[/plan]
[/plans] [plans columns="4" haspopular="no"]
[plan popular="no" title="SUPER FAST FREIGHT" price="$199" valid="/mo" btntext="SIGN UP NOW" btnlink="#"]


 	Single Covered Truck
	For Men For Transport
	Insurance
	Additional Truck Available


[/plan]
[/plans]

Home Section 8 Code:


[columns="2"][/columns]
[columns="2"][contact-form-7 id="80" title="Your Conatct Form Shortcode"]
[/columns]

Home Section 9 Code:


[client url="#" image="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/client-logo-1.jpg"]
[client url="#" image="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/client-logo-2.jpg"]
[client url="#" image="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/client-logo-3.jpg"]
[client url="#" image="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/client-logo-4.jpg"]
[client url="#" image="https://sktperfectdemo.com/demos/truck/wp-content/themes/logistics/images/client-logo-6.jpg"]

Multilingual

How to make translate ready ?

First Install Plugin qTranslate X from WordPress plugin.
Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
Viewing in English used website url : http://www.yourwebsiteurl.com/en/
Check below screen shot for making slider translation ready.

Dutch Translated

English Translated

Navigation

How to set up Navigation?

Below steps will guide you how to set up header or top navigation.
Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot

Basic Options

Customize Basic Options

Click on Appearance>Customize>Basic
Basic
- SITE LAYOUT
- Site Layout Boxed
- COLORS OPTIONS
- Managed Following Under Color Options:
- Site Background Color
  Site Background Image
  Site content Text Color
  Other Elements Background
  Other Elements Text Color
  Default Anchor Color
  Default Anchor Hover Color
  H1, H2, H3, H4, H5, H6 Color
  H1, H2, H3, H4, H5, H6 Hover Color
  Team Box Background Color
  Social Icon Bgcolor
  Social Icon Hover Bgcolor
  Testimonial Box Bgcolor
  Testimonial Pager Color
  Testimonial Active Pager Color
  Gallery Active Filter Bgcolor
  Skills Bar Background Color
  Skills Bar Text Color
  Post Title Color
  Sidebar Widgets Background Color
  Sidebar Widget Title Color
  Sidebar Widget Text Color
  Sidebar Widget Link Color
- FONT TYPOGRAPHY
- Managed Following Under Font Typography:
- Site Content Font [family, subsets, size]
  H1, H2, H3, H4, H5, H6 [family, subsets, size]
  Turn All Headings to Uppercase
- CUSTOM CSS
- SITE IDENTITY

Header Option

Customize Header Options

Click on Appearance>Customize>Header
Header
- HEADER
- We also use widget for top right and top left instead of customize header option.
- SITE TITLE
- SITE LOGO
- HEADER LAYOUT

Inner Page Header

Inner Page & Posts Header

First on custom field option from page & posts edit screen. if it is not on.

Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

Footer Options

Customize Footer Options

Click on Appearance>Customize>Footer
Footer
- FOOTER STYLE
- FOOTER COLUMNS
- We also use widget for each footer columns instead of customize footer columns options.
- FOOTER INFO BOX
- COPYRIGHT AREA

Post & Page Options

Customize Post & Page Options

Click on Appearance>Customize>Post & Page
Post & Page
- POSTS SETTINGS
- SINGLE POST LAYOUT
- PAGE HEADER SETTINGS
- Page Header With Featured Image
- If page have not assign featured image. so from page header settings have set background color or background image for header. also there is have hide page header option for hide header.
- BLOG PAGE SETTINGS
- CONTACT PAGE SETTINGS

Customize Buttons

Customize Section Buttons

Click on Appearance>Customize>Sections Buttons
Section Buttons
- SECTION BLOCKS BUTTON

Page Templates

Default Template
- Helps in setting up the content on any page with Right Sidebar
Page Left Sidebar
- Helps in setting up the content on any page with Left Sidebar
Page No Sidebar
- Helps in setting up the content on any page No Sidebar
Page Full Width
- Helps in setting up the content on any page without Sidebar
Contact Layout1 & Contact Layout2
- Select page template for set contact page layout.
Testimonials
- Select testimonials template for showing all testimonials.

Testimonials Page Setup

Set up Testimonials page

Set up by using Page Template:

Contact page Setup

Set up Contact page

Set up by using Page Template:

Setup Blog Page

Setup Blog page

Set up by using Page Template Blog on any page to show blog posts
Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

Set up Sidebar

Go to Appearance->Widgets->Page Sidebar
Go to Appearance->Widgets->Blog Sidebar
Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

Disable Page Comments

All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
Uncheck the box: Allow Comments and click on Update.
If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

Setting up Shop

Go to Plugins -> Add New in the WordPress Admin panel
Type WooCommerce is search box and click on search button
Install and then Activate the plugin.
It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
That’s it now you can go to shop page and check the default product.

Logistics Shortcodes

Shortcodes

Testimonial Rotator:
```
[testimonials-rotator show="3"]
```
Testimonial Box:


                            [testimonials-box col="4" show="4"]
                            [testimonials-box col="3" show="3"]
                            [testimonials-box col="2" show="2"]
                            [testimonials-box col="1" show="1"]

Our Team:

[ourteam col="4" show="4" excerptlength="10"]

[ourteam col="3" show="3" excerptlength="10"]

[ourteam col="2" show="2" excerptlength="10"]

[ourteam col="1" show="1" excerptlength="10"]

col="4" means four columns in a single row and show="3" means number of team member show.

[ourteam col="4" show="4" excerptlength="10"]

[ourteam col="3" show="3" excerptlength="10"]

[ourteam col="2" show="2" excerptlength="10"]

[ourteam col="1" show="1" excerptlength="10"]

Services:


                            [service pattern="boxpattern-1" icon="fa-truck" title="Ground Shipping" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]


                            [service pattern="boxpattern-2" icon="fa-truck" title="Ground Shipping" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]


                            [service pattern="boxpattern-3" icon="fa-truck" title="Ground Shipping" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]


[service pattern="boxpattern-4" icon="fa-truck" title="Ground Shipping" readmore="READ MORE →" url="#"]Phasellus ut nunc leo. Integer mollis elit. Fusce a est massa. Vestibulum a iaculis tellus. Quisque volutpat[/service]

Clear:
[clear]
Photo Gallery:
```
[photogallery filter="true"]
```

Show Without Filters Use Shortcode : [photogallery filter="false"]
Photo Gallery Carousel:
```
[gallery-carousel]
```

Recent Posts:

[posts-style1 show="4" cat="1" excerptlength="24"]

[posts-style2 show="2" cat="1" excerptlength="24"]

Above listed two types of posts style shortcode.
[posts-style1 show="4" cat="1" excerptlength="24"]
"show=4" means display four posts if you want to display 6 or 8 or etc. so just change show=6 or show=8. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category

[posts-style2 show="2" cat="1" excerptlength="24"]
"show=2" means display two posts if you want to display 4 or 6 or etc. so just change show=4 or show=6. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category

Post Timeline:

[posts-timeline show="4" cat="1" excerptlength="24"]

Post Grid:

[posts-grid show="4" cat="1" excerptlength="24"]

Skill:

[skill title="HTML" percent="80" bgcolor="#a0ce4e"][skill title="Wordpress" percent="99" bgcolor="#a0ce4e"][skill title="Web Design" percent="90" bgcolor="#a0ce4e"][skill title="Web Development" percent="95" bgcolor="#a0ce4e"][skill title="Responsive" percent="85" bgcolor="#a0ce4e"]

Clients
```
[client url="#" image="image url"]
```

Social Icons

[social_area]
    [social icon="facebook" link="#"]
    [social icon="twitter" link="#"]
    [social icon="google-plus" link="#"]	
    [social icon="linkedin" link="#"]
    [social icon="pinterest" link="#"]
[/social_area]

Flip Box

Horizontal Flip:

[flipbox fliptype="h" frontimage="http://www.yoursite.com/wp-content/themes/Logistics/images/model-429733_640.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read More"]

Vertical Flip:

[flipbox fliptype="v" frontimage="http://www.yoursite.com/wp-content/themes/Logistics/images/person-822552_1280.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read Now"]

Dividers:
```
[divider style="divider1"]
```

```
[divider style="divider2"]
```

```
[divider style="divider3"]
```

```
[divider style="divider4"]
```

```
[divider style="divider5"]
```

```
[divider style="divider6"]
```

```
[headingdivider text="Heading Title"]
```

Promotion Box:

[promobox1 bgcolor="#f7f7f7" topbordercolor="#a0ce4e" otherbordercolor="#e8e6e6"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox1]

[promobox2 bgcolor="#f7f7f7" leftbordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox2]

[promobox3 bgcolor="#f7f7f7" bottombordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox3]

[promobox4 bgcolor="#f7f7f7" bordercolor="#a0ce4e"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox4]

[squarebox image="image" title="title" url="#" target="blank"]

```
[ourteamexpanded show="4"]
```

[perfectbox image="image" title="title" description="description" url="#" target="blank"]

[blockbox url="url" image="image" title="title" titlecolor="titlecolor" target="self"]

[centertitle text="text" titlecolor="#000000" seperatorcolor="#000000"]

[lefttitle text="text" titlecolor="#000000" seperatorcolor="#000000"]

```
[headingseperator text="text"]
```

[boxthumb name="name" url="#" image="image" target="blank"]