Lotus Theme Documentation

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact form. Thanks so much!

Changelog Credits

Item link : Lotus Theme Modified : 19.07.2013
Created : 18.02.2013 Current version : 2.0


Instaling theme is so easy. There is two way of doing that:


× Important You need to extract the download pakage you got from themeforest. in extracted files there is a file name "lotus.zip". this is your main theme file. ( main lotus.zip file has a "lotus" folder inside )


Upload Methods :


1 - FTP Upload : First, you need a tool for uploading theme files to your site, you can use filemanager from cPanel or any ftp client.

Extract theme zipped file (lotus.zip), then upload extracted folder to /wp-content/themes/ directory on your site. so after upload you must have something like /wp-content/themes/lotus/




2 - By Wordpress : In this method you can upload theme zip file (lotus.zip) directly from wordpress admin panel.

in wordpress admin, go to appearance > themes > install themes. browse theme zipped file and hit Install Now. your theme will be uploaded and installed


×

Warning!

If you want to use this method, The server that hosts your website should allow upload limits greater than 6 MB. Most hosting providers have only up to 2MB file upload limit.
In this case you need to upload the theme by FTP or contact your host provider to increase upload limit.


Activation :


great! now you have installed your theme, now you just need to activate the theme. go appearance > themes, here you can see the installed themes. under theme screenshot , hit activate link. you are done!


You can fill your site content like live preview just by few clicks!

In download package , in demo-data folder, there is a file name demo.xml. Go to your wordpress admin dashboard, in Tools > import, select wordpress from table. now you need to browse and upload data.xml file, wordpress will automaticaly import the demo contents.

Notice : preview images are not included in download pakage and demo content.

Header and Footer Menu :


If the import was successful, go to Appreance > Menus, in Theme Locations and select Header and Footer navigations



Inserting post, is something that any wordpress user know about that. Here we just introduce the extra post features that comes with this theme.



Blog Setting in option panel


First we need to take a look at Blog setting. so navigate to Lotus options > Blog setting. Important options are :


Single Sidebar Position : When you open a post in single page, here you can specify the sidebar position.

Display Related Post : If you want to display related posts at the bottom of each single post page, check this option.

Related posts are based on Tag,

Display Author Section : Do you want to display author information on each single post page?

( For Editing author information , please navigate to Users page , then select the user from table. In user profile page, you can set social and Biographical Informations )


when you made changes hit Save Setting button


Post Edit Page


Now create new post from Posts > Add new

In this theme you can publish your post in 8 format.For example you can display a slideshow , video , or audio player in your post.



You can select your fotmat from Format section

When ever you select one of these formats, automaticaly the options related to that format apears.

Let's take a look at these options

Galley Format Options


in this format you can display serveral images as slideshow. after you choose Gallery format, these option apears:

Browse each image , and after upload hit "Insert into post" button.

If you add more than 1 image , images appreas as a slideshow on post.

Quote Format Options


in this format you can display post as a Quote.

it is completely straight forward, you need to add the quote and author here. that is it.

Video Format Options


in this format you can display a video on your post. Youtube, vimeo and self hosted video are supported.

for youtube or vimeo video, just paste the video url and leave other fields blank

for Self Hosted video, you need to leave youtube and vimeo field blank. then in self hosted section add your self video url in correct field.

Please note that, it is very important to insert each video file url in correct field, else video player fails to play video properly.

At the end, choose player skin. by default dark skin in selected.

Audio Format Options


in this format you can display an audio player on your post. Just self hosted audio files are supported.

Please note that, it is very important to insert each audio file url in correct field, else audio player fails to work properly.

At the end, choose player skin. by default dark skin in selected.


Blog Listing Page


By default wordpress display posts on home page, in this theme for more control and customization you can also create Blog Listing Page seperately.



How to Create Blog Listing Page



Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "Blog" )

2 - From template option, select Blog or Blog Medium

3 - In Layout option select the page layout. Select "Right Sidebar" if you want to have sidebar on your Blog Listing Page


Notice : Please note that this layout option only applies to Blog Listing Page not single post pages. for defining layout for single post pages, please refer to Lotus Options > Blog Setting

× Important
Please DO NOT select blog page (with custom template selected) as posts page in setting > reading page. Just leave the field blank.
Because when you select the custom blog page as posts page, wordpress will use default blog listing page (index page) instead and you will lose your custom layout and options.

How to Add Blog to Site Navigation



In prevoius step, you created your custom Blog Listing Page. Now you need to add this page (Blog) to your header navigation.




Go to Appearance > Menus

1 - Select header navigation

2 - Select "Blog" from Pages section

3 - Hit Add to Menu button


Portfolio page type in something very similar to posts. In this page type you can showcase your portfolio with very rich options.

Let's start by portfolio options in theme options.



Portfolio Setting in option panel


Navigate to Lotus options > Portfolio setting. options are :


Display Related Projects : Switch it to On, if you want to display related projects at the bottom of each portfolio single page.

Notice : Portfolio items with same Portfolio Tag appreas in related section




Here you can translate or change default meta labels. Meta labels are the information that will be displied in each portfolio item page.
( default meta labels are : Skills, Release Date, Client, Copyright )


Portfolio Edit Page


Now, let's take a look in portfolio edit page. Here we have option to attach several images to a portfolio item, and options for displying them.

Notice : For best result, your original images should be minimum 960px in width

First, create new portfolio (Portfolio > Add New). Here are Options :



Feature Image (Cover Image)


You Must set this image, this is the Cover Image,

Cover Image will be displaied in portfolio listing page. This image is not visible in portfolio single page.

Portfolio Previews


Here you can upload and add several images for this portfolio items.

Click Browse, upload your image and finaly hit Inster Into Post

After upload you can see image preview beside upload controls

Notice : for best result, original images should be minimum 960px in width

Portfolio Options


Portfolio Layout : This option allow you to display images on "Left" or "Right" side of the page.

Display Images as : This option allow you to display images as slider or serial images. 3 slider type is avaialable.

Highlight This Portfolio : If you choose "Yes", in Portfolio Listing Page, the cover image of this item appears 2x bigger in height.



Portfolio Category : Here you can assign each portfolio item to any number of categories. this is useful, when you want to select e batch of portfolio items for displaying on other pages.

Portfolio Tags/Filters : This is something similar to post tags. This is usefull when you want to have a filterable portfolio.


Portfolio Listing Page


Now we assume that you have added several portfolio items, Lets make a page to preview all of portfolio items.



How to Create Portfolio Listing Page?


Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "Our Works" )

2 - In "Options" section, change Layout value to No Sidebar, if you do not need sidebar on this page.

3 - Open "Page Builder" and add a Portfolio element

4 - Expand portfolio element by clicking (+) button

5 - Click on edit button , now you are in portfolio element setting page

6 - Follow the instruction and select the portfolio items you want to display

7 - Hit save button on setting page. then go to top and click publish.





Product page type in something very similar to posts and portfolio. In this page type you can showcase your product with very rich options.

Let's start by portfolio options in theme options.



Product Setting in option panel


Navigate to Lotus options > Product setting. options are :


Display Related Products : Switch it to On, if you want to display related products at the bottom of each product single page.

Notice : Product items with same Product tag appreas in related section



Here you can translate or change default meta labels. Meta labels are the information that will be displied at first of each product single page.
( default meta labels are : Manufacturer, Release Date, Part Number, Dimensions )


Product Edit Page


Now, let's take a look in product edit page. Here we have option to attach several images for a product, and options for displying them.

Notice : For best result, your original images should be minimum 670px in width

First, create new product (Products > Add New). Here are Options :



Feature Image (Cover Image)


You Must set this image, this is the Cover Image,

Cover Image will be displaied in products listing page. This image is not visible in product single page.

Product Images


Here you can upload and add several images for this product.

Click Browse, upload your image and finaly hit Inster Into Post button

After upload you can see image preview beside upload controls

Notice : for best result, original images should be minimum 670px in width

Product Options


Layout : This option allow you to display images on "Left" or "Right" side of the page.

Display Images as : This option allow you to display images as slider or serial images.

Product Category : Here you can assign each product item to any number of categories. this is useful, when you want to select e batch of products for displaying on other pages.

Product Tags/Filters : This is something similar to post tags. This is usefull when you want to have a filterable Products.


Product Listing Page


Now we assume that you have added several products, Lets make a page to preview all of product items. (or a category of products)



How to Create Product Listing Page?


Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "Our Products" )

2 - In "Options" section, change Layout value to No Sidebar, if you do not need sidebar on this page. (full width page)

3 - Open "Page Builder" and add a Product element

4 - Expand Product element by clicking (+) button

5 - Click on edit button , now you are in setting page

6 - Follow the instruction and select the products you want to display

7 - Hit save button on setting page. then go to top and click publish.





News is very similar to post. The diffrence is just in some options. Let's take a look



News Setting in option panel


Navigate to Lotus options > News setting. Important options are :


Single Sidebar Position : When you open a news in single page, here you can specify the sidebar position.

Display Related News : If you want to display related news at the bottom of each single news page, check this option.

Related news are based on News Tag,

Display Author Section : Do you want to display author information on each single news page?

( For Editing author information , please navigate to Users page , then select the user from table. In user profile page, you can set social and Biographical Informations )


When you made changes hit Save Setting button


News Listing Page


Creating News Listing Page is the same as blog. Here is the deials :



How to Create News Listing Page



Create new page (Pages > Add New)


1 - insert your desired title ( for example "Our News" )

2 - From template option, select News or News Medium

3 - In Layout option select the page layout. Select "Right Sidebar" if you want to have sidebar on your News Listing Page


Notice : Please note that this layout option only applies to News Listing Page not single news pages. for defining layout for single news pages, please refer to Lotus Options > News Setting

How to Add News to Site Navigation


This step is similar to blog






Do you want to display your services or features in easy way? service type is your solution.

In this page type, you can add any number of services with specific shape and style.

Let's take a look in service edit page.



Service Edit Page


1 - create new service (Services > Add New)

2 - Insert Service name in title field

3 - insert your service description in editor


Options are :



Display Setting


Layout : Do you want to have sidebar on service single page? select no sidebar if you prefer full page.

Custom Icon : This feature allow you to choose a shape from availabe shapes. This shape will be displaied at the top of this service in Service Listing page



Service Category : Here you can assign each service item to any number of categories. this is useful, when you want to select e batch of service items for displaying on other pages.


Service Listing Page


Now we assume that you have added several service items, Lets make a page to preview our services.



How to Create Service Listing Page?


Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "Our Services" )

2 - In "Options" section, change Layout value to No Sidebar( if you do not need sidebar on this page )

3 - Open "Page Builder" and add a Services element

4 - Expand Services element by clicking (+) button

5 - Click on edit button , now you are in Services element setting page

6 - Follow the instruction and select the Services items you want to display

7 - In Appreance Type option, select "Tab" or "Column" view. a sample of this type is pointed in this screenshot.

8 - Hit Save button on setting page. then go to top and click publish.






In this page type, you can add any number FAQ (frequently asked questions)

Let's take a look in faq edit page.


FAQ Edit Page


1 - create new faq (FAQs > Add New)

2 - Insert the question in first field

3 - insert the answer in editor


Select the faq category


( FAQ Category : You can assign each faq item to any number of categories. this is useful, when you want to select e batch of faq items for displaying on other pages, or for filtering faq items

That is it!




FAQ Listing Page


Now we assume that you have added several faq items, Let's make a faq page.



How to Create FAQ Listing Page?


Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "FAQ" )

2 - In "Options" section, change Layout value to No Sidebar( if you do not need sidebar on this page )

3 - Open "Page Builder" and add a FAQ element

4 - Expand FAQ element by clicking (+) button

5 - Click on edit button , now you are in setting page

6 - Follow the instruction and select the FAQ items you want to display

7 - Hit Save button on setting page. then go to top and click publish.






In this page type, you can introduce your people



Staff Edit Page


First, create new staff (Staffs > Add New). Here are Options :

Add staff name in Name field

Add Staff introduction/biography in editor



Feature Image (Staff Image)


Attach Staff image here. click "Set featured image", upload the image, finaly hit "Set featured image" button

Feature Image also appears in staff listing page. For best resault, the original image should be minimum 670px in width.

Staff Departman : You can assign each staff to any number of departmans. this is useful, when you want to select a departman's staffs for displaying on other pages.

Staff Information


Now, you need to fill staff informations. All fields are optional, skip any field that you do not have proper infos


Staff Listing Page


Now we assume that you have added several staff pages, Lets make a page to preview all staffs.



How to Create Staff Listing Page?


Create new page (Pages > Add New), then :


1 - insert your desired title ( for example "Our Staff" )

2 - In "Options" section, change Layout value to No Sidebar(if you do not need sidebar on this page ).

3 - Open "Page Builder" and add a Staff element

4 - Expand Staff element by clicking (+) button

5 - Click on edit button , now you are in setting page

6 - Follow the instruction and select the departman you want to display

7 - Hit save button on setting page. then go to top and click publish.






In this page type, you can add your customer's testimonial



Testimonial Edit Page


1 - create new testimonial (Testimonials > Add New)

2 - Add Customer name in "Customer Name" field

3 - Add the testimonial (what your customer saied) in editor



Feature Image (Customer Image)


Attach Customer image here. click "Set featured image", upload the image, finaly hit "Set featured image" button

Testimonial Category : You can assign each testimonial to any number of categories. this is useful, when you want to select a batch of testimonials for displaying on other pages.

Customer Info


Now, you need to fill customer informations. All fields are optional, skip any field that you do not have proper informations.


Displaying Testimonials


We assume that you have added several testimonials, now we can insert this testimonials on other pages.



How to add testomonials(s) to pages?


Create new page(Pages > Add New), or open one of existing pages (Pages > All Pages)


1 - Open "Page Builder" and add a Testimonial element

2 - Expand Testimonial element by clicking (+) button

3 - Click on edit button , now you are in setting page

4 - Follow the instruction and select testimonial or testimonials

-- If you want to display a specific testimonial, in "Display items(s) From" option, select "Specific", then select the testimonial name from "Select Testimonial Item" option.

-- If you want to display several testimonials, in "Display items(s) From" select "Category", then leave the "Select Testimonial Item" blank, and select testimonial category from "Select Testimonial Category" option.

5 - in "Appearance Type" option, you can select to display testimonial as blockquote or stunning box type.

6 - Hit save button on setting page. then go to top and click publish.





Do you want to display and compare your services/products ? price table is the answer

This theme comes with a great tool name Price Table Builder, by this tool you can build Price table with any number of columns, rows and style with simple clicks in minutue!

Let's see it in action



Creating Price Table


1 - create new Price Table (Price Table > Add New)

2 - Add table name in "Title" field

3 - Now in Price Table Builder, first you need to add columns and rows.


4 - Add any number of columns by clicking Add New Column button.

5 - Add any number of rows by clicking Add New Row button.

6 - For removing row or column, click the yellow button beside them.

7 - Fill cells content.

If you want to display "mark" icon just type "mark" and for "cross" icon type "cross" in cell

8 - At the bottom of each column you can display a button. for this purpose, fill "Button Label" and "Button Link" fields.

9 - If you want to bold e column(featured column), select "Featured" from "featured" field

10 - All columns have default style. you can change each column style from "color" field.

11 - Save the table.





Here you can make any custom page you imagine! most themes comes with just few pre-built templates, so you have limited choices. but in this theme,pages are powered by Page Builder. with this tool you can build unlimited layouts with any page item.

Let's make some pages to see options in action



Creating Home Page


1 - create new Page (Pages > Add New)

2 - Add page title in "Title" field (for example "Sample Page")

3 - Now , you can insert the content in editor.




Display Options


Display Page Title : This option allow you to hide page title. this option is useful when we need display slider at top of the page

Subtitle : This option allow you to add a subtitle under page title. leave it blank if you do not need subtitle.

Layout : Do you need a full with page, or a page with sidebar? options are "Right Sidebar", "Left Sidebar", "No Sidebar" (full with page)

Display Page margin : By default each new page has a blank space at the top before page title. with this option you can remove this space. (It's useful when you want to start page contents at very top of the page)



Slider Options


This theme comes with 5 awesome sliders. you can create slider by these sliders, then you can add it to any page.

We assume you have created sliders.Now with these options you can add created sliders to this page

Page Slider : In this list you can select one of created sliders. This slider will appears at the top of page.

Slider Width : If you choose "Full", the slider fits to the page width.else Slider wraps in a box.

Please note that this option is only for [flex] and [nivo] slider. For other sliders (Cute slider, Layer slider, Revolution slider) you can set this option directly in slider's setting panel.

Slider Divider : You can select a divider to be displaied at the bottom of slider



Background Setting


This is a very handy option, with this option you can specify a custom background for each page.

You have option to add both image and color background. use color picker for selecting color, or use image uploader for assigning image background

To add background image, click browse button, upload the image and finaly hit "Insert ino Post" button



Custom Sidebar


If you want a page with sidebar, as said before, first you need to select "Right Sidebar" or "Left Sidebar" for "Layout" option. then you need to select a sidebar.

In this option you can select a sidebar from available sidebars in dropdown list. (If there is no sidebar name in list, or you want to create more sidebars, use Sidebar Generator tool to create more sidebars)



Page Builder


Page builder is a very rich tool for building any page layouts in simple drag and drop. We know that just working with wp shortcodes for customizing pages is a pain for most of users. Now creating page is very simple.
This tools has 25 page elements , so you have lots of choices for building your desired pages


1 - Add page elements by clicking on toolbar icons.

2 - change element size by "increase" (+) , "decrease" (-) button

3 - reposition elements by drag and drop

4 - change each element option by clicking on "edit" button




Each element has some setting. Click on edit button on each page element. A popup setting page appears, you can change the setting , save the setting nad publish the page. Now you can see the changes in actions






We hand picked the best sliders on web. in this theme you have 5 awesome sliders :


1 - Layer Slider is a great and light-weight slider with parallax/layer effect

For More details about this slider and documentations plaese refer to Layer_Slider_documentation folder
Note : This slider is embeded in theme, you do not need to install it as a plugin

2 - Cute Slider is a unique, responsive and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented Javascript and it has search engine optimized HTML markup.

For More details about this slider and documentations plaese refer to Cute_Slider_documentation folder
Note : This slider is embeded in theme, you do not need to install it as a plugin

3 - Revolution Slider is an awesome responsive slider with parallax/layer effect

For More details about this slider and documentations plaese refer to Revolution_Slider_documentation folder
Note : This slider is a worpress plugin , you need to install and active this slider manualy. in download package go to "plugins" folder, and copy "revslider" folder to your site's plugin directory (wp-content/plugins/revslider)

4 - Flex Slider is extremely light-weight and responsive slider with touch support

5 - Nivo Slider is fantastic responsive slider with stunning 2d effects

Flex and Nivo Slider work with our exclusive tool, name Slider Manager. A high quality, simple and built-in slide managment tool that you love to work with!


How to Create a Slider, By Slider Manager


1 - Create new Slider (Sliders > Add New)

2 - Add slider name in "Title" field

3 - Select Slider type (Select "Nivo Slider" if you want slider with 2d effects, or "Flex slider", if you need a simple and light-weight slider).

4 - Now, a setting panel will apears. Choose your desired options (hover the help icon if you need descriptions for any option)

5 - Create new slides by clicking on "Add new Slide" Button.

6 - Click on "Click Here To Add An Image" button to upload slide image, after upload hit "Insert into Post Button"

7 - You can add caption and link on each slide. If the slider type is "Nivo", you can also set transition for each slide in "effect" tab. (by default, the transition for all slides is "random")

8 - Use the dark handle to sort the slides.

9 - Save slider.






Go to Lotus Options > General Setting

You see a page like this screenshot. Here you can change site global options.


Website Layout : With this option you can make site "Full" or "Boxed". If you choose "Boxed", site content will wrap in a box


Website Background Setting : This option allow us to customize website background (this background will be applied to all pages)

You should set Website Layout to Boxed in order to see website background

Logo & Favicon : Here you can upload your site logo and favicon. click "Browse" button, upload your image and finaly hit "Insert into Post"


Custom Css code : If you know about CSS, and you want to make changes by css code, paste your css code in this field. (Please do not modify theme css files, in this way you are in risk of losing your custom css code, on theme update )

No need to use style tag

Custom Js code : You can add your custom javascript code here. also you can use this field to place your google analytics tracking code.

No need to use script tag



In this section , you can change color of global elements. (Body Color, Links Color, Links Hover Color, Feature Color, Divider Color)


Enable Custom General Colors : by default, this theme uses default colors and styles. If you need to change the colors, you should check this field to enable custom colors

Feature Color : This is the most effective color. This color applies to main featured elements, such as stunning button, post format bg, font icons, ..

Common Issue : if you need to customize the colors, DO NOT forget to check Enable Custom General Colors option





Enable Typography? : by default, this theme uses default typography. If you need to make changes in typography, you should check this field to enable custom typography

In this section you can change the color, size, and font for Heading elements (Main Heading, Page Heading, ..)

Google fonts are also available, just select your desired font, theme will automaticaly load the font

Common Issue : if you need to customize typography, DO NOT forget to check Enable Typography option


In this section you can insert site's social links. 16 social option is available. Just fill the fields you need to display on site.

You can display these socials on top oh website or in footer area



Top Header Info Bar


Display Top Header bar : If you check this field, a narrow bar will apears on very top of website. then you can display socials, search and a message on this bar.

Other options allow you to display social, search and message on header bar



Main Header Options & Header Navigation Options


Enable Custom Header Style : by default, this theme uses default styles for header section and header navigation. If you need to make changes to this section, you should check this field

Then use color pickers to set new color for elements.

Common Issue : if you need to customize header section or header navigation, DO NOT forget to check Enable Custom Header Style option


Sidebar Generator


This tool allow you to add any number of sidebars

The process is so simple. Enter New Sidebar Name (unique name) and hit "Create Sidebar" button



In this section you can customize Footer and subfooter


Display Subfooter : If you want to display subfooter (footer widgets container) before footer area, check this field.

Subfooter Layout : How many widget column you need in sebfooter? choose your desired layout.

Display Subfooter : If you want to display socials in footer area, check this field. (you can customize socials in Lotus Options > Socials Setting)

Footer Copyright Text : Enter your copyright ters in this field.



How to setup Menu


in admin area Go to Appearance > Menus .in this page you can add or remove menu .

Add new menu by clicking on (+) tab. then add available pages from left panel to current menu

Save the menu.

Our theme support two custom menu locations - Header menu and Footer menu. Choose menu for Header and Footer menu, from available menus

How to add widgets to sidebars


in admin area Go to Appearance > Widgets

You just need to drag widgets from left panel to sidebars (panels in sidebars).

This theme comes with 8 custom widgets. they are marked by "[axiom]" prefix




DO YOU NEED SUPPORT? PLEASE DO THE FOLLOWING :


WHY SUPPORT FORUM?
You can upload images and insert code with code-highlighting.
It is organized and searchable (that makes support easier and faster)

Supporting Our Items INCLUDES:
Item Support does NOT include: