• Theme Version: 1.0.0
• Created: 20 Jan 2016
• Latest update: 20 Aug 2020

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our support center.

If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:

• First Steps with WordPress: http://codex.wordpress.org/First_Steps_With_WordPress
• Explanations on most common WordPress terms: http://en.support.wordpress.com/lexicon/
• Best WordPress-related articles for Web Developers: http://net.tutsplus.com/articles/web-roundups/top-50-wordpress-tutorials/
• WordPress Optimization: https://codex.wordpress.org/WordPress_Optimization

Requirements

To run WordPress your host just needs a couple of things:

• PHP version 5.3 or greater (recommended: PHP 5.4 or greater)
  PHP config require:
  • max_input_vars = 5000
  • memory_limit = 512M
  • max_execution_time = 300
  • max_input_time = 300
  • upload_max_filesize = 64M
  • post_max_size = 64M
• MySQL version 5.0 or greater (recommended: MySQL 5.5 or greater)

Compatibility

Our theme is compatible with these browsers:

• Chrome
• Firefox
• Safari
• Internet Explorer 10 or later

Wordpress Core

You download and install WordPress version 4.3 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

If you download All files & documentation, you will unzip it. Then, you find the installable file inside.

You can also download only the Installable Wordpress file.

After registered purchased code, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

Manual Update

Follow the steps below to manually update the theme:

1. First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to Downloads tab. You find the Voisen theme in your purchased themes list.
2. You can delete the current theme. Don't worry about this. Your data won't be lost.
3. You upload the new theme package via Wordpress or FTP software.

Automatic Update

You update the theme through the Envato Toolkit plugin. Follow the steps below to set up this plugin:

1. Download and install the Envato Toolkit plugin
2. You log into your Themeforest account. Under Settings > API Keys, you generate an API key. Get it.
3. In WordPress admin panel, you find the section called Envato Toolkit. You input your envato username and API key.

Please read this tutorial http://www.wpexplorer.com/envato-wordpress-toolkit-guide/ to get more information.

1. Manual import

We can import content for projects, contact form,..

Login to your WordPress dashboard, navigate to Tools - Import. Click on WordPress link on the table then click Install Now button on popup window to install WordPress Importer.

Click on Activate Plugin & Run Importerlink to begin

Click "Browse..." button and select XML files in "sample-data/exported_files" folder. :

• all-content.xml: This is exported of many content, includes posts, pages, products, contact form, menus. You can ignore this file if you website has already content.

Click on Upload file and import button

On the next interface, select existing user on dropdown, check on Download and import file attachments to download sample images.

Click on Submit button to import.

All the content blocks are for sample, after importing finished, you have to edit them. Go to Content Blocks menu to see all, click on each block to edit.

If the process Import Data fails , you can import the data again

Import slideshow

Import widgets

2. Oneclick import

We can import all content, slideshows, widgets, mega main menu settings, theme options, menu localtion by only one click.

The menu items can not be imported in PHP 7, so we must add them by manual in Appearance > Menus follow Menu document section.

- AFTER IMPORT SUCCESSFULL, YOU MUST RELOAD CURRENT PAGE TO SAVE THEME SETTINGS.

Some plugin should be re-config to have good display as our demo:

After activating our theme, you can go to Theme Options to configure the theme. Below will explain what you can do with Theme Options.

Newsletter Popup settings

You can seting to enable/disable popup form on home page. And change/select form & information to display in Theme newletter popup options.

To manage widgets, you go to Appearance > Widgets. Just drag and drop widgets over to the sidebar.

Voisen comes with many custom widgets and 5 sidebars. You can also easily add a new sidebar.

Click on "Browse..." or Choose File button then select voisen-widgets.wie, click on Import Widgets to finish.

The header is probably one of the first things you will want to setup. It includes the logo, favicon, menu and other things. The following sections will explain how to set up and customize header.

To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose the Header Layout, configure your breadcrumb and other options.

If you want to customize the theme, you should create the child theme before making any changes. Please note that you have to install the required plugins before activating the child theme. Otherwise, you will get an error if you install the plugins in Appearance > Install Plugins page.

You can find the sample child theme package (voisen-child.zip file) in your downloaded file (you have to download All files & documentation).

Follow the steps below to override header template:

1. Copy the template file from the parent theme folder to the child theme folder
2. Edit the template file in the child theme folder

Voisen allows you to create unlimited footer layouts

Admin page-> Themes Options-> Footer

Footer Layout : Voisen include only layout footer.

Copyright information : We can insert coppyright in this field.

Payment icons : We can edit images payment methods in this tab.

Login to your WordPress dashboard, navigate to Appearance - Menus, create menus for this theme. If you are a WordPress beginer, you can read Menu document to know how to work with Menu.

Before creating a new menu, you can Create some Pages for portfolio, contact, blog, shop... this will help you create menu quickly.

Primary Menu

Select Main Menu to edit, Click to Primary Menu and Mobile Menu, Save Menu to finish

The Primary menu has a complex structure, with many levels of sub-menu. Create your own menu structure by drag and drop to make sub menus.

Now we need active Mega Main Menu for Primary Menu

Click on Mega Main Menu link

Check on primary then click on Save All Changes button.

Click to open Layout Options for primary, topmenu and

Uncheck on "Company Logo" and "Searchbox"

Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not click on the last item, because it will always be outside the screen.

Now go back to edit Primary Menu

To make a menu item has sub menus in multiple columns, click on menu item to open menu item settings and select Submenu Type is Multicolumns Dropdown, select Side of Dropdown Elements and Submenu Columns.

Infomation

My Account

Our services

Voisen comes with Visual Composer plugin and powerful. The following sections will explain how to create a new page and make it look like our demo. If you use our One Click Import Demo functionality, you can ignore this.

Setting up a home page

Home Shop 1(Default Store)

Home Shop 2

Home Shop 3

Note: Page config only apply for individual page, so it use for demo site to show multi home page. If you set home 2, home 3 to default home page, please unset page config options and use theme options to apply for both home page and all other pages.

It is easy to make your contact page look like our demo. Simply copy the code below and paste into the page content (in the Text editor).

Use this plugin to make the contact form on contact page. Navigate to Contact - Contact Forms, there is a form named Contact form 1, if you want to create a new form, click on Add New button.

Click on the form title to edit form, copy this code and paste into Form box:

It is easy to make your About Us look like our demo. Simply copy the code below and paste into the page content (in the Text editor).

It is easy to make your FAQ look like our demo. Simply copy the code below and paste into the page content (in the Text editor).

Use this plugin to make the newsletter sign up form on footer. Navigate to MailPoet. Click on Thanks! Now take me to MailPoet. to start using this plugin. Click on Settings link

On Basics tab, enter your email in Email notifications and choose other options.

Click on Forms tab, there is a form named Subscribe to our Newsletter, move mouse over it and click on Edit link to edit this newsletter sign up form

Move mouse over Email * and click on Edit display button

Select "Yes" on Display label within input then click on "Done" button

Navigate to YIT Plugins -> Compare.

Navigate to YIT Plugins -> Wishlist.

Navigate to YIT Plugins -> Magnifier.

Go to Projects - Add New to create a new page for portfolio/projects, only enter page title and click "Publish" button.

Go to Projects - Settings, select "Projects Page" in dropdown and click "Save Changes" button. Click on "Images" tab to set image size like this

Visual Composer will help you manage your content at the WordPress sites and build any layout you can imagine in few minutes without coding. You can read Visual Composer Documentation to get more details.

Please note that you do not purchase directly Visual Composer plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

To add new element, you click the BACKEND EDITOR button on the top left of WYSIWYG (text editor)

WYSIWYG editor change to Visual Composer canvas. You can work with it as you do with regular Visual Composer. You can click on the Add element button to add new element

Then, you choose an element from Visual Composer elements list

Follow the steps below to add a parallax/video background

1. Add a new Row
2. Then, you click to edit that row
3. In the Row Settings panel, you select Background tab
4. You set Background Type to Parallax, Youtube Video or Hosted Video
5. Make some configuration below

Voisen includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it in frontend. This is its own documentation. You can read to get more information.

Please note that you do not purchase directly Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

Follow the steps below to add a new slide to your sliders:

1. Click on the pen icon to edit your slider as the screenshot
2. In Slider Editor, hover your mouse over the Add Slide box and choose one of the options listed below
• Add Blank Slide: create a new slide with default settings
• Add Bulk Slides: create multiple slides at once, based on a selection of media gallery images of your choice
• Add From Template: add the plugin's default templates or your templates

There are three ways to use Revolution Slider

Assign a slider from the Page Options section

Add slider from Visual Composer content element list

Use the slider shortcode

Voisen theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.

There are 2 ways to add WooCommerce pages

1. After activating WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages
2. Use the WooCommerce shortcodes. You can get them here

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Product Options

Product Data

1. Adding a product on sale and a deal:
   • With the Simple Product, you select General tab. You add a Sale Price and click the Schedule button to set up date.
   • With the Variable Product, after setting up Product Attributes in the Attributes tab, you can go to the Variations tab and add New Variation. With each Variation Product, you also click the Schedule button next to the Sale Price field. Please note that product only displays the time of first Variation Product.
2. Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change the unit by going to WooCommerce > Settings > Products tab
3. Enable/Disable Product Review: You go to the Advanced tab. You will see Enable reviews option. Just check/uncheck it.

Voisen comes with several shortcodes which can be used to display your content. To use our shortcodes, you go to page editor and change to Visual Composer canvas. Click on the Add Element button to open Visual Composer elements list and change to Theme-Sky tab.

• Brand Logos: Setting brand logos.
• Specify Product: Create list, grid slider for products.
• Product Category: Create list, grid slider for products tabs.
• Voisen Testimonials: Setting testimonial option.
• Newletter Form (MailPoet): Setting Form Id
• Blog post: Setting blog post.

In this all field except MailPoet : We can setting title,Number of columns,Number of row, select option show: Grid or Carousel, Add Extra class name, Set Columns count desktop small, set Columns count tablet small , set Columns count mobile, Margin: set spacing between intems.

Use Child Themes to Modify Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

• If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
• Using a child theme can speed up development time.
• Using a child theme is a great way to learn about WordPress theme development.

How to use a Child Theme?

In this theme, we offer you a sample Child Theme (voisen-child.zip). You install it like normal theme.

Come together with The WooW, these plugin are recommended to install and active for flexible use.Below are the source for documentation and support of each plugin.

Slider Revolution

The WooW is completely compatible with Slider Revolution. Its intuitive interface with diversified options and effects will be good choice for you slider. If you plan to use Slider Revolution Plugin for you site, check out these source:

Slider Revolution Wordpress Plugin Documentation for user guide to use the plugin.

Slider Revolution Form Support  for support upon issues of the plugin.

Slider Revolution FAQs for questions about the plugin.

Woo Commerce

The WooW works compatibly with Woo Commerce, allows you to create your online shop. If you plan to use Woo Commerce Plugin for your site, check out the source:

Woo Commerce Plugin Documentaion for user guide to use the plugin.

Woo Commerce Plugin Community Forum for support upon issues of the plugin.

Woo Commerce Knowleadge Base for question about the plugin

Visual Composer

The WooW  works well with Visual Composer, the popular drag and drop page builder plugin with intuitive interface to build your content at ease. If you plan to use Visual Composer Plugin for your site, check out these source.

Visual Composer WordPress Plugin Documentation for user guide to use the plugin

Visual Composer WordPress Plugin Support System for support upon issues of the plugin

Contac Form 7

The WooW is fully compatible with Contact Form 7, the free form plugin recommeneded to create a nice form for your site. If you plan to use Contact Form Plugin for your site, check out these source.

Contact Form 7 Plugin Page for basic information about the plugin.

Contact Form 7 Plugin Documentation for user guide to use the plugin.

Contact Form 7 Plugin Support Forum for support upon issues of the plugin.