Thank you for purchasing the NiceTheme theme.
Steps to get help.
Thanks so much!
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.
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: http://www.youtube.com/watch?v=pXQbyg7eW5k)
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.
There are two ways to install NiceTheme Theme
A) Using wordpress admin dashboard.
(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 nicetheme.zip (approx. 7MB))
B) Using FTP manual upload (Skip this step if you have done the above steps)
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)
Note: Documentation for all of the above plugins is also included in documentation/other-documentation folder.
To install demo/sample data, please go through these steps:
To Setup menu, please go through these 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).
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.
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: 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.
The blocks of homepage can be enabled/disabled by going to Theme-options → Homepage → Homepage Setup,
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
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.
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.
You can use this shortcode in any post/page/custom post type or in a sidebar text widget or as a template tag.
[templatation_testimonials limit="10" size="100"]
limit="5" (the maximum number of items to display)
per_row="3" (when creating rows, how many items display in a single row?)
orderby="menu_order" (how to order the items - accepts all default WordPress ordering options)
order="DESC" (the order direction)
id="0" (display a specific item)
display_author="true" (whether or not to display the author information)
display_avatar="true" (whether or not to display the author avatar)
display_url="true" (whether or not to display the URL information)
echo="true" (whether to display or return the data - useful with the template tag)
size="50" (the pixel dimensions of the image)
title="Your Title" (an optional title)
before="<div class='widget widget_woothemes_testimonials'> (the starting HTML, wrapping the testimonials)
after="</div>" (the ending HTML, wrapping the testimonials)
before_title="<h2>" (the starting HTML, wrapping the title)
after_title="</h2>" (the ending HTML, wrapping the title)
category="0" (the ID/slug of the category to filter by)
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: http://docs.woothemes.com/document/woocommerce/#configuringwoocommercesettings
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:
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: http://docs.woothemes.com/document/adding-product-images-and-galleries/
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.
To setup slider on homepage, please follow the instructions as shown in screenshots.
Click images to view them bigger.
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)
The following are additional shortcodes:
Sidebar Navigation: This basically creates list items as custom navigation items
[sidenav] <ul> <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> </ul> [/sidenav] [sidenav_content] Place your content here... [/sidenav_content]
Example: See "SIDE NAVIGATION" on this page
Team: To show your team members info with their social media too
title="Meet our Team"
Teaser Text: To show some teaser text with options to add a button.
title="Title text comes here" text="Default subtext comes here" showbutton="true" buttontext="Click Here" buttonurl="#" class=""
Example: See "TEASER" on this page
Display Latest products: This automatically shows a list of latest products.
Example: See this page
Display Featured Products: This automatically shows a list of products which are marked as 'Featured'
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
As example code snippet:
[contactwidget telephone="000-123-456" email="firstname.lastname@example.org" mobile="000-123-456" address="NiceTheme Apartments, Street, Country"]
Example: See "CONTACT US" footer widget on this page
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
Translating NiceTheme in any language is very easy.
A detailed guide to translation is given here : http://codex.wordpress.org/Translating_WordPress
(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: http://wordpress.org/plugins/codestyling-localization/
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.
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.
Here is brief introduction to theme options panel for easy reference.
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:
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.
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: http://templatation.freshdesk.com/
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: http://docs.woothemes.com/document/ajax-enabled-enhanced-layered-navigation/