Premium Beautiful WooCommerce Wordpress Theme

Thank you for purchasing the NiceTheme theme.

Steps to get help.

  1. 1. Please check for the solution in appropriate page on this document, if not found please check on FAQ section on bottom of this page.
  2. 2. Please check online version of this document here, there are chances I have updated it after you downloaded the theme.
  3. 3. Please browse/search here for: solutions/forums
  4. 4. Email me from my profile page: If your purchase is valid I will reply within few hours.

Thanks so much!

This documentation is your guide to setting up the theme, configure basic options and getting up and running with a functional wordpress site/blog/estore. I urge you to please go through this thoroughly so you can easily avoid potential future problems or any incorrect configuration settings.
At this point you should have Wordpress already installed and now ready to setup/configure NiceTheme WordPress theme. I highly recommend you to please also install WooCommerce plugin (only if you want shop functionality on your website) and Revolution Slider plugin for NiceTheme theme to work correctly (See Woocommerce plugin installation/setup).
For detailed Wordpress installation instructions visit
To avoid setup problems, please follow the steps in the order they are written.
NiceTheme is now compatible with WordPress v3.8

NiceTheme Installation

Here is the quick list of Installation steps explained below, please note that its important you follow these steps in the order they are written to avoid any problems with settings.

  1. Install Woocommerce plugin (only if you want shop functionality on your website)
  2. Install NiceTheme theme
  3. Install Recommended Plugins
  4. Import Json theme options backup file
These are the essential steps to install NiceTheme theme, however if you want to imitate demo website, that is explained below as well.

Woocommerce Installation

(If you do not want shop functionality, you can skip this step)

First, you should normally go to Plugins  click 'Add New' and put "woocommerce" in search term and follow instructions to successfully complete its installation. (Troubles? check this 1 minute video:

After activating WooCommerce plugin, on the top you will see a purple bar (0.52 seconds in above video) which shows two option buttons. Normally, you should select to 'Install Woocommerce Pages' if you have just done a fresh new wordpress installation.



Installing NiceTheme Theme

There are two ways to install NiceTheme Theme

A) Using wordpress admin dashboard.

  1. Login to wordpress admin and go to Appearance.
  2. Click on 'Install Themes' on top.
  3. Click 'Upload' and click 'Choose File' button.
  4. Now, select your (which can be found in your downloaded zip archive, this is same zip which you get if you download "Installable wordpress theme"). (Note: Don't upload the whole zip archive you have downloaded!)
  5. Click 'Install Now' and wait for the success message.
  6. Then click 'Activate' and you will directly be taken to the theme's options page.
  7. From left menus, please select Theme Options -> Backup settings.
  8. Choose file 'Nicetheme-backup.json' found in <main-download>/Resources/import-data folder of your download and click 'Upload File and Import' button.
    (Json file contains default settings backup that applies to your theme-options automatically, so that your site can be fully setup without following other manual setup steps... except logo change)
  9. You will see "Settings successfully imported. | Return to Theme Options"
  10. Go to 'Theme Options' and click 'Save Settings' again.

(Note: If you see a "missing stylesheet" problem, you are uploading the wrong zip file. Please unzip the package you downloaded from themeforest and upload (approx. 7MB))

B) Using FTP manual upload (Skip this step if you have done the above steps)


  1. First, unzip the downloaded zip archive you have received from on your computer.
  2. Look for file inside it and extract that folder separately onto your computer. (Note: this is the folder which actually contains all required theme files. for e.g. style.css, screenshot.png, etc.)
  3. Open a FTP manager of your choice (e.g. Filezilla or CuteFTP)
  4. Navigate to your webserver's path where wordpress is installed and go inside /wp-content/themes.
  5. Unzip and upload the whole nicetheme 'folder' here directly.
  6. After successful completion of the folder's upload, go to WordPress admin dashboard and click on Appearance  Themes. You should now see 'NiceTheme' theme listed and its small thumbnail preview.
  7. Click on 'Activate' below and then you'll be directly taken to the theme's options page.
  8. Please follow Step 7,8,9 from the part (A) of above.


Plugins/Modules Installation

NiceTheme theme has been built with robustness in mind. It is true that not all people will need all the functionality. 

So, instead of a website bloated with 100 feature that everyone won't need, some additional features are kept separate so that you can install only if you need them.


To make it easy, 1-click plugin installation module is integrated in the theme.

To install these plugins, Please go to Appearance  Install Plugins page, there you will find them listed and you can install them with 1 click.


Plugins already integrated inside Nicetheme (as of v1.x)


  1. Revolution Slider (Cool Slider plugin)
  2. Envato Toolkit Plugin (Updated official plugin from envato, provides 1-click updates to theme)



Note: Documentation for all of the above plugins is also included in documentation/other-documentation folder.


Demo Data Installation

To install demo/sample data, please go through these steps:

  1. Go to Tools  Import.
  2. Before clicking on 'Wordpress' you might see a popup here to install the wordpress importer plugin, so please install it.
  3. Choose the demo data XML file 'Nicetheme.YYYY-DD-MM.xml' found in your downloaded zip archive '...Resources/import-data'
  4. Click 'Upload File and Import' button. (See screenshot below)
  5. Upon successful upload, you will next be asked to 'Assign Authors', you can choose or leave it untouched.
  6. Tick the checkbox on for 'Download and import file attachments' and hit Submit.
  7. You might see some failed messages, but do not worry about them, on bottom of the page you should see "All done. Have fun!" smiley

Import wordpress xml

Note: You will not see homepage like demo website as of now, that steps comes below.


Menu Setup

To Setup menu, please go through these steps:

  1. Go to Appearance  Menus.
  2. You may see some imported menus after above step of importing demo data.
  3. Please select 'Primary Menu' and save.
  4. You can add, re-order, modify menus as per your choice. Please remember to always Save changes if you do any changes.
  5. If you are not seeing certain block on left side, for example Product Categories, please click on "Screen Options" on top right corner and select the needed and reload the page.
Note: Homepage setup like demo I will explain in further steps.



First, go to Appearance > Menus and click on Screen Options tab on top right of your screen. Under 'Show advanced menu properties' click checkbox on for 'CSS Classes'.



Start adding menu items now. Determine the main menu item which will serve as a main one having other sub-menu items under it. Drop down the arrow of the menu item. Add 'megamenu' in the metabox of 'CSS Classes (optional)'.



Now, when you add 3rd level sub items under the above one, you have to add 'heading' in CSS Classes (optional).



Click Save.



I have used and included Revolution slider (extended license included) with this theme because it is very powerful and at the same time really easy to use.

During the Installation of theme you should have already installed the revolution slider plugin.
If you haven't, please go to Appearance -> Install plugins to install/activate it.

Documentation from plugin author is included in Documentation/other-documentation folder together this file.

Basically, this slider provides a shortcode once you create a slider. See the below screenshot:


You just need to paste that shortcode as it is in: Theme-Options → Slider & Header Settings → Slider Settings → Slider area content

Note: Do not forget to check 'enable slider' setting found on this same page.

For more info on Revolution slider, please check Revolution Slider tab on left.


Unique Slider

After v2.3 of NiceTheme we have built in a unique slider inside Theme Options itself. To access it, go to Theme Options > Slider & Headline > Slider Settings > Enable Built-in Image Slider. You will see options to setup 6 slides for this slider. Of course, you can use as many as you want and leave rest blank.

Demo can be seen here.


Note: If this slider is 'enabled' then Revolution Slider will not work.



Here you can choose to show either a Custom Logo or Text Title in your header. (choose only one)

Go to Theme Options  Quick Start and choose at lease one of them.


For Custom Logo, you have to upload and insert the image path to display logo.


Text Title allows you to enable text-based site title and tagline.

Note: If your logo looks misplaced , you can set its positioning by putting values in Logo Offset found just below Custom Logo field.



(Note: the Site Title and Tagline will be coming from Settings > General.)

Hit 'Save All Changes' (main button in top-right) when you are satisfied and then check out.


In this step, we see how to setup some homepage which comprises of few blocks. They are explained briefly in below image.
Also please check out for specific homepage creation instructions and code.

The blocks of homepage can be enabled/disabled by going to Theme-options → Homepage  Homepage Setup,

Also the particular block can be further controlled by going to Theme-options  Homepage  Homepage Setup. 
Please note there is also a new widget area called 'Homepage' in the Appearance  Widgets. When you place widgets in this section, it replaces "Product category" section of homepage (first below the slider) and shows these widgets instead.
Steps to Create homepage




Tip: A blank homepage template is also now added in case you want to craft your own homepage using pagebuilder.
Be informed that you can activate default 'content' on homepage, and the content you enter on the page template editor box will appear on bottom of homepage. (By-default 'content area' is turned off)
Also please check out for specific homepage creation instructions and code.

Widescreen mode allows you to have a fluid layout. By default the theme has 'boxed' layout having 1000px fixed width(see screenshot below). You Can find this setting in Theme Options > General Settings > Quick Start


If you enable widescreen mode, the main container with white background will flow to full width available horizontally. Content will still be inside 1000px width but only background will be full width. (see screenshot below)


Global Headline Height

This setting provides flexible height adjustment based on the content you put in the Headline section. If you increase the height, the more the background image becomes visible and vice versa.

To apply the setting globally to whole theme, you can find setting in Theme Options > Slider & Headline > Headline Options > Global Headline Height. You can also change it for individual page whenever needed.

Please read the description given beside it as it will explain it in further detail.


See an example of it here


Global Main Heading Top Padding

This setting is in relation to the above section "Global Headline Height", where if have you specified minimum height, you may need to push the main headline a bit below, so that it vertically aligns to middle portion of the section.

Note: You can have breadcrumbs disabled also. Find its setting in Theme Options > General Settings > Display Options > Display Breadcrumbs

Setting up Portfolio page comprises 2 parts.

A) First  to create Portfolio Items.
B) Second  to setting up a page to display those Portfolio Items.

A) NiceTheme theme has custom post type for Portfolio. Just go to Portfolio  Add new and add your entries there for each of your item. See the screenshot beow

B) In order to setup a Portfolio page, you need to create a page and choose 'Portfolio' as its name. (You can of course give it your own name).
Then we need to choose your required 'Page Template' for this newly created page. You can do it by right bottom section of Page editor box.
You will find 3 Page templates related to portfolio.
  1. Portfolio One col
  2. Portfolio Two col
  3. Portfolio Three col

As the names explain, the only difference in above page templates are the sizes of columns for the portfolio page. You can choose the columns of template that suits to your requirements.


Once you setup the page (Step B), it will list all the Portfolio single items created in Step A with their categories as headings which when clicked, sorts the items with smooth animation.

Testimonials are Custom Post Types in NiceTheme.

NiceTheme theme has custom post types for Testimonials.

Go to Testimonials  Add new and add your entries there for each of your testimonial item.

On the testimonial editor page, you will find options to enter Gravatar email address (If you enter this, thumbnail for this client will be fetched from his gravatar, if not, you can upload a custom thumbnail from Featured image section just on right side of this Gravatar field) , Byline (Post of the client ie: CEO of Blah..) and URL (URL of clients site).

You can use widget to show testimonial on front end. There is a widget called NT-testimonials for this.


Testimonials Shortcode

You can use this shortcode in any post/page/custom post type or in a sidebar text widget or as a template tag.

Basic usage: 



An example: 

[templatation_testimonials limit="10" size="100"]

Parameters for Testimonial Shortcode available are:

(the maximum number of items to display)


(when creating rows, how many items display in a single row?)
(how to order the items - accepts all default WordPress ordering options)
(the order direction)


(display a specific item)


(whether or not to display the author information)


(whether or not to display the author avatar)


(whether or not to display the URL information)


(whether to display or return the data - useful with the template tag)


(the pixel dimensions of the image)


title="Your Title"
(an optional title)


before="&lt;div class='widget widget_woothemes_testimonials'&gt;
(the starting HTML, wrapping the testimonials)


(the ending HTML, wrapping the testimonials)


(the starting HTML, wrapping the title)


(the ending HTML, wrapping the title)


(the ID/slug of the category to filter by)


The various options for the "orderby" parameter are:
  • "none"
  • "ID"
  • "title"
  • "date"
  • "menu_order"

To use in template files (usage in .php files):

<?php do_action( 'templatation_testimonials' ); ?>




NiceTheme theme has custom Page Template for Blog Listing page as well.

To use it, just create some posts from Posts  Add new like you normally do.

To create blog listing page, create a new page by going to Pages  Add new and select "Blog" as Page Template.

This newly created page will now list the Posts in an arranged way as seen on demo here.



You should have woocommerce plugin installed by now if you followed the installation steps. If you have trouble with woocommerce, you can check official documentation here:

WooCommerce → Settings → Pages

Go to WooCommerce → Settings → Pages and assign relevant pages. For example, "Shop Base Page" would be "Shop". If you clicked Setup woocommerce pages as told in installation step, you will see relevant pages present for all of those pages.

To read more about setting up products with variations, or different attribute or variable pricing, please check following links:



WooCommerce → Settings → Catalog

Go to WooCommerce → Settings → Catalog and on bottom of this page, please make sure Catalog Images and Product Thumbnails have image sizes setup as shown in screenshot below

if they are not, please edit them. Read more about product images and gallery settings here:



WooCommerce → Magnifier

Please see below image for Recommended settings

Go to WooCommerce → Settings → Magnifier and turn it on/off based on your requirements. This turns on the product zoom on product details page, you can setup it here (on-page instructions are provided), you can also disable it if you want to. If you disable it, clicking on product images will open them bigger in a popup.


We have added compatibility with "Add to Wishlist" plugin by YITH

Your users deserve a rich user experience and the JS WooCommerce Ajax Navigation Widget serves as a drag n' drop friendly navigation which helps your customers to find the products they’re looking for more easily.

We have built it inside our JustShop theme and with a few quick steps you will be able to get most use out of it easily.

Note: This widget works only if you have the main WooCommerce plugin (By WooThemes) already installed and active and also Product Attributes applied to your products.

First you need to populate and configure products in your estore. For WooCommerce Ajax Navigation Widget to work (and also successfully display in sidebar) you need to create attributes.


For further detailed info, please refer to these following links:


Following customizations are possible:
In case you selected a Color or Label type, you can configure each Product Attribute.
After you have done the above, go to Appearance -> Widgets and drag and drop JS WooCommerce Ajax Navigation Widget into your desired widget area.
Tip: If you really want to change the style of Colors and Labels, you need to copy css rules from assets/css/frontend.css and paste them in Theme Options > General Settings > Display Options > Custom CSS.


To setup slider on homepage, please follow the instructions as shown in screenshots.
Click images to view them bigger.

1. Create New


2. Check Shortcode


3. Shortcode placement in Theme Options


4. Import settings



Go to Settings > Visual Composer. (You many not need to change default settings but you can choose to if you really need to)

When you create any post or page, you can see the blue button "Visual Composer" to activate page builder.


After clicking on the button, you will see options to start building (or composing) content and layout for your post/page.


Choose from ther various content element types presented on the screen. You can be as creative as you want and build your page having a unique layout for itself.

If you want to reuse a certain layout you have created, then you can use the "Templates" button to save your layout for future use.




NiceTheme theme comes with visual shortcode editor box. You do not need to remember shortcode or its parameters. You can just place them whereever you want with point and click interface.

When you open Post/Page/Any custom post type editor, see image at end of this section showing location of icon for Shortcodes. When you click this icon you will see list of shortcodes. (see screenshot below)

Shortcodes are like macros, a small piece of pre-defined text that triggers certain functionality. ie [divider] this will put divider in post content.


The following are additional shortcodes:

Sidebar Navigation: This basically creates list items as custom navigation items

Basic usage:



Sample code:

	<li class="active"><a href="#">Beautifully Designed</a></li>
	<li><a title="Many Layouts" href="#">3 Layouts</a></li>
	<li><a title="FAQ Page" href="#">FAQ Page</a></li>


Place your content here...



Example: See "SIDE NAVIGATION" on this page



Team: To show your team members info with their social media too

Basic usage:


Optional Arguments:

title="Meet our Team"

Example: here



Teaser Text: To show some teaser text with options to add a button.

Basic usage:


Optional Arguments:

   title="Title text comes here"
   text="Default subtext comes here"
   buttontext="Click Here"

Example: See "TEASER" on this page



Display Latest products: This automatically shows a list of latest products.

Basic usage:


Optional Arguments:

title="Latest Products"

Example: See this page



Display Featured Products: This automatically shows a list of products which are marked as 'Featured'

Basic usage:


Optional Arguments:

title="Featured Products"

Example: See this page



Contact Widget: This shortcode will show details you put in about your contact information. Normally you should place this shortcode into any sidebar or footer area by dragging the 'Text' widget

Basic usage:


As example code snippet:

[contactwidget telephone="000-123-456" email="" mobile="000-123-456" 
address="NiceTheme Apartments,
Street, Country"]

Example: See "CONTACT US" footer widget on this page


WooCommerce comes with several shortcodes which can be used to insert content inside posts and pages. They are already inserted upon installation.

shows the cart page


shows the checkout page


shows the checkout pay page


shows the order received page


shows the order tracking form


shows the user account page


shows the user account edit address page


shows the user account view order page


shows the change password page


shows the lost password page


shows the logout page

For more details and their usafe please see:

Translating NiceTheme in any language is very easy.

A detailed guide to translation is given here : 
(If it sounds too hard, you can use codestyling-localization plugin which makes it very easy).

This plugin makes it easy to translate the theme:

Steps to Translate: Just install above plugin, go to Tools  Localization and find NiceTheme, click on Add Language button. Select your language in the popup and click "Generate .PO file" button. After that click on Rescan, when rescan is finished click Edit and on next page you will find all the strings used in the theme. You can write their respected translated string by clicking edit button on right side of the strings easily.

Once your are done translating strings, please click on 'Generate .mo file'  button on top of same page. Its done.

This simple 2 minutes video explains how above plugin works with an example.

For advanced users: .PO file is included with your download, you can find it in <theme-root>/lang you can translate this with your favorite .PO file editor software like Poedit and generate .mo files.

Now added WPML languages dropdown. Languages dropdown list will automatically show in header top navigation.

Here is brief introduction to theme options panel for easy reference.

  1. General Settings: This section provides interface for very basic settings like Logo, favicon, Breadcrumb, Custom css, RSS, Analytics code, etc.
  2. Styling: Here you can apply background colors and images. You can also have your choice of colors to links, buttons, etc.
  3. Layout: Here you can decide how you want your 'Main Layout' for your site (i.e. Left sidebar or Right sidebar).
  4. Homepage: This tab setting has 5 sections which help in arranging and customizing the homepage layout with the content you choose to display. Sections are like: 'Product Categories', 'Featured Products', 'About Us', 'Testimonials' and 'Content area'. Most of the setting have easy short descriptions for your to understand and follow.
  5. Portfolio: You can choose to select and display any portfolio gallery you have created if you want it to be 'featured'. Additional settings provide option to link the portfolio item to its 'lightbox' image or its own link.
  6. WooCommerce: This tab has 3 sections to generally choose how and what stuff you like to show up.
    Note: [You need to have products for this to take effect.]
  7. Footer Customization: Most of the stuff seen in footer of theme can be configured here with options to choose how many footer widget areas you want to display or customize text to display in (left or right) side of footer. There is also a sub-section called 'Upper footer content'.
  8. Subscribe and Connect: Here you can add your social networks sharing urls and also enable Feedburner ID for the e-mail subscription form. If you want to enable 'Subscribe and Connect' on single post, there is option to choose that too and more.
    Note: [You also have option to enable or diable showing the subscribe and RSS icon.]
  9. Contact Page: This section allows you to enter your e-mail address if you want to use it on the 'Contact Form' page Template. You can also apply Google Map coordinates and customize it to display a map on the Contact Form page template and a link to it on the Contact Us widget.
    Use this site to find co-ordinates

NiceTheme theme is designed and coded to make it easy for end user. Most of things you can control from admin panel. It fits to width of available devices. NiceTheme normally fits to a portal/blog kind of website, but its real highlight is woocommerce/shop on the core. Check all demos

Lets look at some features highlights:

  1. 4 layouts of header and easy to switch from Theme Options.
  2. Shop pages are styled for 2,3,4 and 5 columns so you can decide to have as many column as you want.
  3. Headline feature on every page/post/product post types. Option to globally disable it or provide a global headline title and message from Theme Options  Slider & Headline settings.


Styles management:

To write your own styles:


Note: Please only do as mentioned above instead of modifying core files directly to be safe so that you can easily upgrade theme in future

Two options to update your theme to latest version.

We recommend you make backup of your theme before updating in case something goes wrong.

From WordPress admin dashboard:

  • Install Envato Toolkit plugin and activate it (by going to Appearance  Install Plugins)
  • To proceed further, you will need your Envato username and a Secret API Key (this can be found from Envato's Dashboard  My Settings  API key).
  • Press 'update automatically' and theme will be updated depending on your bandwidth speed.


Using Manual FTP method:

  • First, unzip the downloaded zip archive you have received from on your computer.
  • Look for file inside it and extract that folder separately onto your computer.
    (Note: this is the folder which actually contains all required theme files.)
  • Open a FTP manager of your choice (e.g. Filezilla or CuteFTP)
  • Navigate to your webserver's path where wordpress is installed and go inside /wp-content/themes
  • Unzip and upload nicetheme 'folder' on your server with overwriting.
  • After successful completion of the folder's upload, go to wordpress admin dashboard and click on Appearance  Themes. You should now see 'NiceTheme' version listed.
  • You must again go to 'Theme Options' and click 'Save All Changes' again.

Q: How to setup twitter?

A: As per recent update in twitter's API, now each API call should be first registered by account owner. To setup twitter, please go to Theme-options  NT-twitter Setup. Please create Twitter secret key and consumer key by following on-screen instructions. Once you do that, You can click on Authorize button on same page.



Q: Where can I find more FAQ?

A: For more latest answers and updated docs , please visit:


Q: Why JS- WooCommerce Ajax Navigation widget is not displaying in my sidebar?

A:  In order to display the JS- WooCommerce Ajax Navigation widget, first you need to assign Product Attributes to your products.  You can also directly search for soultions related to WooCommerce Ajax Navigation widget here: