CleverSoft iOne Guide

## Help & Support
---

First of all if you are all new to WordPress, I would recommend to learn a little bit about it before you get started. Here are some nice Resources on how to get started with WordPress:

<ul>
 <li>WordPress FAQ: <a href="http://codex.WordPress.org/FAQ_New_To_WordPress" target="_blank">http://codex.WordPress.org/FAQ_New_To_WordPress</a></li>
 <li>Full Installation Guide: <a href="http://codex.WordPress.org/First_Steps_With_WordPress" target="_blank">http://codex.WordPress.org/First_Steps_With_WordPress</a></li>
 <li>WordPress Video Tutorials: <a href="http://wp.tutsplus.com/sessions/wp101-basix-training/" target="_blank">http://wp.tutsplus.com/sessions/wp101-basix-training/</a></li>
</ul>
There are many tutorials, acticles and forums to help you learn how to use this WordPress theme and its features.
This section provides helpful links to instructions on commonly used this WordPress template features, but you can learn even more by exploring these resources:
<ul>
	<li>Download: <a href="http://bit.ly/2eLRFfP">Ri iOne</a></li>
 <li>Live Demo: <a href="http://wp.rivertheme.com/ri-ione/" target="_blank">http://wp.rivertheme.com/ri-ione/</a></li>
 <li>Online Documentation: <a href="http://doc.zootemplate.com/ri-ione/" target="_blank">http://doc.zootemplate.com/ri-ione/</a></li>
 <li>Help Desk: <a href="http://support.zooextension.com" target="_blank">http://support.zooextension.com</a></li>
</ul>
All of our items come with free support, and we have a dedicated support system to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

To submit a Ticket always remember:
<ul>
 <li>Include as many information as possible to explain your issue.</li>
 <li>Your URL.</li>
 <li>Name of the Theme.</li>
 <li>Your WordPress version.</li>
 <li>If you installed extensions, specify which are these.</li>
</ul>
(We reserve the right to change or modify current Support Policy with no prior notice.)

## What do you get?
---

Once you have made the purchase you will find our product in your <a href="http://themeforest.net/downloads/" target="_blank">ThemeForest Downloads</a> page. Click on Download and you will a dropdown will popup with following options :
<ol>
<li>All Files & Documentation</li>
<li>Installable WordPress File Only</li>
<li>License Certificate & Purchase Code (PDF)</li>
<li>License Certificate & Purchase Code (text)</li>
</ol>
We recommend to download all files & documentation (the package) however you can simply download installable WordPress file only if you just want the WordPress Theme file.

### The Folder Structure

---
Once you download the package, unzip it and you will find it contains the following folders.

<ul>
	<li>readme.txt</li>
	<li>documentation – This folder contains the documentation for the theme.</li>
 <li>themes-files - This folder contains the installable theme files. 
 	<ul>
			<li>ri-ione.zip installable WordPress theme </li>
 		<li>ri-ione-child.zip The child theme for Winnes WordPress Theme. The child theme is only for users who make code changes.</li>
 	</ul>	
 </li>
</ul>

## Installation
---

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - <a href="http://codex.wordpress.org/Installing_WordPress">http://codex.wordpress.org/Installing_WordPress</a>

### Pre-Installation Requirements
---

<ul>
 	<li>WordPress 4.3.1 or higher and PHP 5.3 or higher;</li>
 	<li>To avoid problems with demo content import you must be sure that file_get_contents() function is enabled in the server configuration;</li>
	 <li>Recommended memory_limit is no less than 64M;</li>
 	<li>upload_max_filesize should be no less than 20M.</li>
	</ul>
	
	
### Theme Installation
---

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

<ol> 
		<li>FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server</li> 
		<li>WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.</li>
	</ol>
	
#### Using Wordpress Theme Upload 
---

<ol>
<li>Login to your WordPress admin.</li>
<li>In the Appearance > Themes menu click the tab "Install Themes"</li>
<li>At the top of the page click, "Upload", then click the file input to select a file.</li>
<li>Select the zipped theme file, "ri-ione.zip" available in theme-files folder from the package downloaded from ThemeForest, and click "Install Now"</li>
<li>After installation you will receive a success message confirming your new install.</li>
<li>Click the link "Activate"</li>
</ol>

<code>FYI, Please see the video bellow</code>
<img src="./images/add-new-theme.gif"/>

#### FTP Upload 
---

<ol>
<li>Login to your FTP server and navigate to your WordPress themes directory.</li>
<li>Normally this would be "wp-content/themes"</li>
<li>Extract the files from the zipped theme available in the package downloaded from ThemeForest.</li>
<li>Copy the folder "ri-ione" to your themes directory.</li>
<li>After the files finish uploading, login to your WordPress admin.</li>
<li>In the "Appearance" menu click "Themes"</li>
<li>Click "Activate" for the theme "ri-ione"</li>
</ol>

Recommended Additional Step We highly recommend the use of child themes. The additional step involves repeating steps 1 to 7 for ri-ione-child.zip file.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate ri-ione.

### Plugin Installation
---

First of all, we would like to specify that we do not guarantee the compatibility of our theme with all the third-party plugins for WordPress . Our template is fully compatible only with the plugins that are included in our theme . You often (not always) need to customize the extension to make it work properly with your theme. It's impossible for theme author to make the theme compatible with all existing extensions. Please, take that into your consideration and treat with understanding!

After you had activated the theme, you need to install the plugins required by the theme. This theme comes bundled with many plugins. Some are required and some are optional.

<ul>
<li><a href="https://wordpress.org/plugins/contact-form-7/" target="_blank">Contact From 7</a> — Allows you create contact forms.
</li>
<li><a href="https://github.com/envato/envato-wordpress-toolkit" target="_blank">Envato Wordpress Toolkit</a> — This toolkit plugin establishes an Envato Marketplace API connection to take advantage of the new wp-list-themes & wp-download methods created specifically for this plugin.
</li>
<li>Rit Core - Rit Core is a simple, truly extensible and fully responsive options framework for WordPress themes and plugins.
</li>
<li><a href="http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431" target="_blank">WPBakery Visual Composer</a> - This is a drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. This is a premium plugin and comes bundled with your theme.
</li>
<li>Instagram Feed
</li>
<li>Meta Box
</li>
<li><a href="https://wordpress.org/plugins/regenerate-thumbnails/" target="_blank">Regenerate Thumbnails</a> - Allows you to regenerate your thumbnails after changing the thumbnail sizes.
</li>
<li><a href="http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380/" target="_blank">Slider Revolution</a> - Allows you to create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization. This is a premium plugin and comes bundled with your theme.
</li>
<li><a href="https://wordpress.org/plugins/woocommerce/" target="_blank">WooCommerce</a> — WooCommerce is a powerful, extendable eCommerce plugin that helps you sell anything. Beautifully.
</li>
<li>Woocommerce Product Filter
<li><a href="https://wordpress.org/plugins/yith-woocommerce-wishlist/" target="_blank">YITH WooCommerce Wishlist</a> — Allows you to add Wishlist functionality to your shop.
</li>
</ul>

#### Installation
---

<ol>
<li>At the firts time you install the theme, you'll see a notice about required plugins for this theme, to proceed click "Begin installing plugins".</li>
<img src="./images/begin-installing-plugin.png" />
<li>On clicking on it, you will be redirected to Install Required Plugins Page. Alternatively this page can be accessed from Appearance > Install Plugins as well.</li>
<li>You will now see a list of plugins required and recommended for use with this theme. Click on the Select All checkbox to select plugins.</li>
<li>Click on Bulk Actions dropdown menu, choose Install dropdown option and click the Apply button.</li>
<li>If all plugins are installed successfully, you will be redirected to WP Plugins page.</li>
<li>In case you encounter any problems, try installing theme one by one.</li>
<li>After you have installed all the plugins, activate them by navigating to Plugins page, select the required plugins, choose activate from the dropdown option and click on Apply button.</li>
</ol>

<code>FYI, Please see the video bellow</code>
<img src="./images/install-required-plugin.gif" />

### Change image sizes
---

This theme uses image sizes other than WooCommerce normal sizes. Go to WooCommerce > Settings > Products and change sizes to these:
 	 <img src="./images/image_sizes.jpg">
 	 Note: You dont have to use the same heights. But its recommended to use the same widths

### Regenerate thumbnails
---

After image sizes are set, you'll need to resize all images. We can do this automatically with the plugin: "Regenerate Thumbnails".
 <ol> 
 <li>Go to Tools > Regen. Thumbnails</li> 
 <li>Click Regenerate All Thumbnails</li>
 </ol>
 You'll need to install "Regenerate Thumbnails" if you cant find it under Tools.

## Update Theme/Plugin
---

### How to update the theme?
---
 
#### Update using FTP
---
 
 Please note: make a backup of the theme prior to updating.
 The theme is located in wp-content/themes/ri-ione.
 Go to <a href="http://themeforest.net/downloads">http://themeforest.net/downloads </a>to download latest version of the theme. The theme is located inside the downloaded zip in "Theme files" folder.
 Unzip the theme zip file (ri-ione.zip) into wp-content/themes/ folder. Make sure this folder is named "ri-ione" (replace with old).
 It seems scary but you really won’t loose any of your data. The only exception is if you have made edits to theme files like header.php, footer.php etc. These changes will need to made again to the new files. But all of your content and theme settings are preserved.

#### Update using WordPress Envato Market (Automatic Updates)
---

The Envato Market plugin can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.

You can add a global token to connect all your items from your account, and/or connect directly with a specific item using a singe-use token & item ID. When the global token and single-use token are set for the same item, the single-use token will be used to communicate with the API.
 
Step 1: Installing the Envato Market plugin

The latest version of the Envato Market plugin can be <a href="http://envato.github.io/wp-envato-market/dist/envato-market.zip">downloaded</a> from the <code>gh-pages</code> branch as a WordPress installable package. DO NOT click the Github "Download ZIP" button, this plugin is meant to be installed in the WordPress <code>plugins</code> directory as <code>envato-market</code> and Github will not package the plugin correctly.

<ol>
<li>Download the <code>envato-market.zip</code> and unpack the archive.</li>
<li>Upload <code>envato-market</code> to the <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the plugin through the 'Plugins' menu in WordPress.</li>
<li>Click the 'Envato Market' menu in WordPress and connect to the API.</li>
</ol>

Step 2

You should now be connected to your Envato account, and ready to update the theme:

<ol>
 <li>Click the Themes tab on top of the page.</li>
 <li>And finally, click the Install link in the notification box to update to the latest version.</li>
</ol>

<img src="./images/envato-market-2.png" alt="Setup your Envato Market">
 
 
### Update Plugin
---

When the new versions of the theme integrated plugins are available, they are always included in the latest theme update. We always include plugin need update in the wp-content/themes/ri-ione/lib/plugins.

---

This guide only apply for Requires plugin update (with Rit Core, Revolution Slider, Visual Composer).

We will tell you how to update plugin then please follow the same procession to update Rit Core and Visual Composer.

To update Revolution Slider from older version, please follow this steps:

<ol>
 <li>Navigate to the Plugins and Deactivate Revolution Slider.</li>
	<img src="./images/deactive-plugin.png" />
	<li>Delete Revolution Slider Plugin.
	<img src="./images/delete-plugin.png"/>
	<img src="./images/delete-plugin-file.png"/>
	</li>
 <li>Then click to Begining Installing Plugin . Activate Revolution Slider following Installed Plugins step guiding above.</li>
</ol>

### Child Theme
---

Fusion’s main download folder includes a child theme. A child theme is a theme that has all the functionality and styling of another theme; referred to as the parent theme. Child themes are the recommended way of modifying the code of an existing theme, since a child theme preserves all custom code changes and modifications; even after a theme update. If you modify code directly from a parent theme, and then update the parent theme, your changes will be lost.

Although child themes can be a great way to add custom changes to Fusion, they are most often used to customize core code taken from the parent theme. Because of this, please be aware that customizations of this nature fall outside our scope of support, and we will be unable to assist you with any issues that may arise. The Fusion child theme is primarily inserted in the package for developers’ convenience.

Always use a child theme when modifying core code. Child themes can also be used for custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are two ways to modify a child theme. Bear in mind that using child themes is no guarantee that an update of custom code on the parent theme will not require further maintenance.

<blockquote>Note: If you want to make changes in theme’s templates or functions, we recommend that you install child theme and make changes there. To learn more about the purpose and basis of creation of child theme, visit WordPress Codex on <a href="http://codex.WordPress.org/Child_Themes"> http://codex.WordPress.org/Child_Themes</a>.</blockquote>

## Import Demo Content
---

When you first install any WordPress theme, it will not contain all the extra content that you might see in the live demo. Now you don't have to import demo data to your site manually. We already built an advance feature called 1 Click Demo Importer. This features improves import just in few clicks.
Please note that when you install base demo content doesn't include Home Page or the slider revolution import.

We will step by step introducing on how to set them up.

<ol>
 <li>Install demo content just in few clicks will import:
	<ul>
		<li>Customize</li>
		<li>Widget</li>
		<li>Menu</li>
		<li>Post</li>
		<li>All Pages(exclude Home Page)</li>
	</ul>
	</li>
 <li>Go to the WP Admin Panel > Tools > RIT Import Sample Data</li>
 <li>Click on Install Base Demo Content.</li>

<img src="./images/import-sample-data.png" /></a>

Data processing which takes about five minutes. You will not be able to do any operation while you are waiting.

<img src="./images/import-processing.png"/>

After finished import demo content, you can choose one of Home layout style. Now please choose any Home Page and click Install.
<li>This step will install only content of page and revolution slider which you chosen.
<img src="./images/import-home-page.gif" />
</li>	
<li>When you go to Revolution Slider in the left side menu then you will see Slider imported.
<img src="./images/import-slider-revolution.png" />
</li>	
<li>Now make sure to select the Menu in Appearance > Menus and choose below options for set up menus as demo page:
</ol>
<img src="./images/active-premary-menu.png" />

## Theme Settings
---

This theme takes advantage of the WordPress Live Customizer, where you can tweak all design-related settings and see the effect of the changes on the fly. Use it to preview and modify many of your site’s appearance settings, significantly improving the way you work with the theme.

To start using the Customizer, please go to WordPress Admin > Appearance > Customize. In the Customize panel you will see the following tabs:
<img src="./images/theme-customizer.png" alt="theme-customizer">

<blockquote>
Note:
<ul>
<li>After each step, do not forget to choose Save & Publish to apply your configuration</li>
<li>Options in these parts have lower priority than ones in Page, i.e options in Customize are are default configuration for Page.</li>
</ul>
</blockquote>

### Uploading your logo
---

By default the theme displays the site title in the Header Theme Area. You can easily change it and display the logo image instead by following these simple steps:

<ol>
 <li>Open the WordPress Admin › Appearance › Customize > Site Identity</li>
 <li>Upload the desktop logo and set its width and height</li>
</ol>

### Style Settings
---

<ul>
 <li>Navigate Appearance > Customize > Font Options & Color Options</li>
 <li>You can customzie Style Setting through Skins, Fonts, Size and color. </li>
</ul>
<img src="./images/customize-style.png" >

### Footer
---

<ul>
 <li>Navigate Appearance > Customize > Footer</li>
 <li>Do some settings as the following image:</li>
</ul>
<img src="./images/customize-footer.png">

## Header
---

### Layout
---

<ul>
 <li>To configure the theme's Header settings, navigate to WordPress Admin > Appearance > Customize > Header Options</li>
 <li>To change the header layout, edit the Header Layout setting.</li>
</ul>
<img src="./images/header-option.png" >

This theme includes multiple pre-configured header layouts to choose from. Each with it’s own look and set of options that allow you to customize it to fit your site design.

The height for the logo area is 120px as standard including top and bottom spaces , but you can override this in the Theme Options panel. If you upload an image with a bigger height than this, it will automatically be scaled to fit. The logo area has a maximum size, as to keep the menu items correctly placed. If you upload an image with a smaller height than this, you may need to add top spacing to get it vertically centered.

### Header Transparency
---

To enable the header transparency for specific page, scroll to Page Options and check Enable Header Transparency. 
<img src="./images/enable-header-transparency.png" alt="enable-header-transparency">

### Creating Menu
---
This WordPress theme uses WordPress built-in menus feature which can be found in your WordPress Dashboard > Appearance > Menus.

This theme has 3 menu locations

<ol>
 <li>Off Canvas Menu (Mobile Menu) (Currently set to: Primary Menu)</li>
 <li>Primary Menu</li>
 <li>Primary Menu for Header Logo Center</li>
</ol>

To setup a new menu, please follow the steps below. Its best to already have your pages created, even if they are blank pages.

<img src="./images/menus_edit.png" />
<ul>
 <li>Navigate to Appearance > Menus page</li>
 <li>Click the Create a new menu link to make a new menu. Enter the name then hit Create Menu.</li>
 <li>To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu.</li>
 <li>You can also add menu items by entering a custom name and custom link into the Links box.</li>
 <li>You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.</li>
 <li>After setting up your menu, select the menu you just created as the Primary Navigation in the Menu Settings and Create a new menu and select it as the Top Menu Navigation in the Menu Settings.</li>
 <li>Once its all done, make sure you click the Save button.</li>
 <li>You can change menus locations in any time from Manage Locations tab .</li>
</ul>
<ul>Once you've created your menu, you need to assign it to the menu location which you would like to use it for. You can do so by setting it under the Manage Locations tab.</ul>

<ul>You can also set the top header menu, and footer menu here, so if you would like to use both make sure you create a menu for each area.</ul>

#### Mega Menu
---

Mega Menu functionality is built-in to Ri iOne, so you can easily create mega dropdowns without any extra plugins or configuration. All you need to do is create a menu that goes into 3 tiers. You can have as many items with a mega menu as you like. Menu items that only have one level of children will show a standard dropdown. The image below shows an example of the setup for a mega menu, and the front end output:

<ul>
 <li>Structure:</li>
</ul>
<img src="./images/mega-menu-structure.png" /></a>
<ul>
 <li>Output:</li>
</ul>
<img src="./images/mega-menu-output.png" />

#### Customizing The Mega Menu Display
---

CSS Classes are an advanced menu property that allow you to apply a CSS class to individual menu items. To enable customisations for the mega menu dropdown, you'll need to first make sure you have enabled the ability to add custom css classes to your menu items. You can enable this functionality by pressing the Screen Options tab in the top right hand corner of your screen, and then checking the CSS Classes checkbox:

<ul>
 <li>For more information about Mega Menu please refer <a href="http://www.maxmegamenu.com/documentation/getting-started/installation/" target="_blank">Mega Menu Setting</a></li>
</ul>

If you want to keep current Mega Menu style, Navigate to Mega Menu > Max Mega Menu > Choose Dont output CSS
<img src="./images/max-mega-menu-2.png" />

## Pages & Posts
---

In this section you can find all the information needed to create your pages, your blog posts and your portfolio items. Many options for this final destination pages are equal to all of these types.

Simple pages, blog post and portfolio items are usually referred in WordPress as static contents. That means that the information displayed on a page doesn’t change, or doesn’t change often. A great example of a page would be the About or Contact Us section of a website, a simple Blog Post or a Portfolio item page where you showcase your case study. This theme includes several page options to work with. All of this is done in the Page Options section of your page WordPress admin.

To create a new Page, Post or Portfolio you just need to follow this steps:

<ol>
<li>Navigate to Pages, Posts or Portfolio in your admin sidebar and click Add New option.</li>
<li>Input a new name for your page, then find the Page Attributes box on right side.</li>
<li>Select any number of page options in the Page Options box.</li>
<li>Content for your page goes in the editing field, use the Visual, Text editor or use the Page Builder for advanced layouts.</li>
</ol>

<blockquote>NOTES: You must install Virtual Composer to be ensured this theme run extend options and custom page options smoothly.</blockquote>

### Add New Page
---

<ul>
 <li>Navigate Page > Add New</li>
	<img src="./images/add-new-page.png" />
</ul>
<ul>
 <li>Input the name for your page</li>
	<li>Select any number of page options in the Page Options box.</li>
	<li>Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes, see the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page</li>
</ul>

### Visual Composer 
---

When use Visual Composer you can find many ways to creat pages through using RIT elements. It will make your pages with full of features and visual friendly. For more advance options, we build more extra options. 
<ul>
 <li>Go to Pages > Add New then choose BACKEND EDITOR</li>
	<img src="./images/add-new-page-vc.png" />
</ul>
<ul>
 <li>Here is the place you work with Visual Composer:</li>
	<img src="./images/vc-backend.png" />
</ul>
<ul>
 <li>Now choose Add new element and start your editting:</li>
	<img src="./images/vc-add-new-element.png" />
</ul>
<ul>
 <li>We have additional options for you to create page, portfolio, page layout and product, which lie in the CleverSoft tab:</li>
	<img src="./images/vc-rit-shortcode.png"/>
</ul>

### Predefined Page Layouts
---

<ul>
 <li>All Pages on the Demo Page are created through a combination of shortcodes. You can found their setting in Pages >All Pages.</li>
 <li>The default WordPress themes  give you the option to change the page layout on the right hand side of the page you are editing.  The default template has one sidebar.</li>
 <li>For each pages you can setting layout by edit Page Attributes, Page Background Options and Meta Options :</li>
 <li>Page Attributes:
		<img src="./images/page-attributes.png" /></li>
 <li>Page Options & Layout Options:
		<img src="./images/page-options.png" />
	</li>
</ul>

## Homepage Settings
---

By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see. If you would like to instead have your homepage be a static page and your post feed display on a separate page, you can follow these instructions.

First, create your new homepage and blog pages within WP Dashboard > Pages > Add New.

We strongly recommend you to use the 1 Click Demo Importer in order to import our demo home page. Please see the video bellow:

For this tutorial, we will be naming our static homepage "Home" and our post feed page "Blog".

Next, navigate to Settings > Reading. At the top of this screen, you'll see a section titled "Front page displays". Click the little bubble next to the "A static page" option. 
From this option's "Front page" drop-down menu, select your newly created "Home" page. 
From the "Post page" drop-down menu, select your newly created "Blog" page.

<ul>
	<li>The Front Page Display setting allows you to choose what content appears on your blog’s front page. You can decide if you want posts, or a static Page, displayed as your blog's front (main) page.
		<ul>
			<li>Front page: Select in the drop-down box the actual Page that you want displayed as your front page.In this case, we choose Home.</li>
			<li>Post Page: Select in the drop-down box the name of the Page that will now contain your Posts. If you do not select a Page here, your Posts will only be accessible via other navigation features such as category, calendar, or archive links.</li>
		</ul>
	</li>
 <li>Blog pages show at most lets you choose how many blog posts are displayed per page. The default setting is 10 posts per page.</li>
 <li>Syndication feeds show the most recent lets you set how many blog posts will be sent out at once via your RSS feed (located at <a href="http://your-domain.WordPress.com/feed/">http://your-domain.WordPress.com/feed/</a>).</li>
 <li>For each article in a feed you can select Full text or Summary. Full text means that the entire contents of a post are included in the feed. Summary means that only the first 55 words are included in the feed, along with the option to continue reading the rest of the post.</li>
 <li>After that Save Changes to apply the changes to your WordPress site.</li>
</ul>

The last step involves adding your "Home" and "Blog" pages to your navigation menu. To do so, go to Appearance > Menus. Click the "Pages" drop-down menu on the left, check the boxes next to your "Home" and "Blog" pages, and add them to the menu. Drag and drop them to wherever you'd like them to be positioned in your menu. Be sure to save when finished.

Now, when you refresh your site, your homepage will display your newly created "Home" page and your "Blog" page will now display your post feed.

## Blog
---

### Creating a Blog Page
---

By default Wordpress displays blog posts in front page but this theme uses a static page as its front page. So we'll have to create a new page called Blog and will use it to display the blog posts.

To display your blog posts, you will then need to create a page that includes the Blog, Recent Posts or Posts Carousel page builder asset.

<ol>
<li>Navigate to Pages > Add New.</li>
<li>Enter the title Blog and click on Publish.</li>
</ol>
<blockquote>Note: DO NOT set the posts page in Settings > Reading, as this will force your page to show the archive layout, and not follow your created page.</blockquote>

### Creating a Post
---

The Posts menu option on the left is where you add blog posts. To add a new blog post, select the Posts > Add New option from the left hand WordPress menu.

Once you're on the Add New Post screen, you will then be able to set a title for the blog post, add the body content, and also provide all the meta information such as extra details and media. In the blog meta you can set the image for the thumbnail, and also the media type for the detail page.

You can use the Swift Page Builder to create the content of the item, which effectively allows you to have limitless possibilities for what you can display, and also how you can display it. If you do use the Page Builder to create the content, you will want to provide a custom excerpt (can be found in the item meta).
The item meta also contains post slider options, allowing you to set the image for the slide that will show if the item appears in a posts slider, and also the display for the caption.

## Shop
---

The Products menu option on the left is where you can add and manage products. To add a new product, select the Products > Add Product option from the left hand WordPress menu.

### Add A Product
---

Once you're on the Add New Product screen, you will then be able to set a title for the product item, add the description, and also provide all the data information such as price, stock status, attributes, etc.

<ul>You can add a featured image in the right column box, and above that set any other gallery images. Any images you add here will be used for the product slider images.
</ul>
 
### Setting A Shop Page
---

<li>To display your products, you will want to create a page, leave the content blank, and then set the Shop Base Page in WooCommerce > Settings > Pages.</li>

<ul>If you would like to add products within a page that you create using the page builder, you can also use the Products & Products (Mini) assets.
</ul>

### Create a new Category
---

Creating categories is one of the easiest ways to organize your products. The more products you have, the more benefit you will receive by organizing into multiple categories. What do categories do? They allow your customers to easily sort and navigate your products.
<ul>
 <li>To set up your product categories, click the Categories link under Products Menu in your WordPress Dashboard.</li>
</ul>
<img src="./images/create-shop-category.png" alt="create-shop-category.png"/>

## Language Translations
---

All of our Themes are able to be translated into any language. The process of translating the theme is a user responsibility. In this case, we recommend that you use the very popular WPML plugin.

To translate the static strings, if you aren't using WPML then I recommend downloading <a href="http://www.poedit.net/">POEdit</a> (or any Text Editor: TextWrangler, TextEdit, NotePad++). Once you have installed please follow the steps below:

<ul>
 <li>Open the /wp-content/themes/ri-ione/languages/ folder and duplicate the en_US.pot file, then rename it to your desired language code. For example; for German you need to re-name it as de_DE.pot for Spanish es_ES.pot for Turkish tr_TR.pot etc. You can find all the codes from this link <a href="http://codex.WordPress.org/WordPress_in_Your_Language">http://codex.WordPress.org/WordPress_in_Your_Language</a>.</li>
 <li>Then you will need to open the .pot file in POEdit. Once opened, you will see all strings that needs to be translated. Type the translation of a string into the "Translation" column. Do not delete or edit "Original string" part.</li>
 <li>When you finish translating, save the file. This will create an .pot file in the same directory.</li>
 <li>Upload the new files into the languages folder of the theme /wp-content/themes/ri-ione/languages/ and then follow this guide: <a href="http://codex.WordPress.org/Installing_WordPress_in_Your_Language#Single-Site_Installations">http://codex.WordPress.org/Installing_WordPress_in_Your_Language#Single-Site_Installations</a></li>
</ul>

In order to keep your translation after each theme update, please send us the two files (MO and PO) and we will bundle them with the theme.

## Credits
---

<ul>
<li><a href="https://wordpress.org/" target="_blank">Wordpress</a> by WordPress.org.</li>
<li><a href="http://www.woothemes.com/woocommerce/" target="_blank">WooCommerce</a> by WooThemes</li>
<li><a href="http://themepunch.com/revolution/" target="_blank">Slider Revolution</a> by ThemePunch</li>
<li><a href="http://vc.wpbakery.com/" target="_blank">Visual Composer</a> by WPBakery</li>
<li><a href="https://wordpress.org/plugins/yith-woocommerce-wishlist/" target="_blank">YITH WooCommerce Wishlist</a> by yithemes</li>
<li><a href="http://contactform7.com/" target="_blank">Contact Form 7</a> by Takayuki Miyoshi</li>
<li><a href="https://github.com/envato/envato-wordpress-toolkit/" target="_blank">Envato Toolkit</a></li>
<li><a href="http://getbootstrap.com/" target="_blank">Bootstrap</a> by Twitter</li>
<li><a href="http://gsgd.co.uk/sandbox/jquery/easing/" target="_blank">Jquery Easing</a> by George McGinley Smith</li>
<li><a href="http://http//owlgraphic.com/owlcarousel/" target="_blank">Owl Carousel</a> by OwlFonk</li>
<li><a href="http://mynameismatthieu.com/WOW/" target="_blank">WOW</a> by Matthieu Aussaguel</li>
<li><a href="http://fontawesome.io/" target="_blank">Font Awesome</a> by Dave Gandy</li>
<li><a href="https://github.com/thomasgriffin/TGM-Plugin-Activation" target="_blank">TGM-Plugin-Activation</a> by Thomas Griffin</li>
</ul>

## Troubleshooting
---

### Update Theme
---

<code>Why do I have to update Rit-core and how to update it?</code>

Answer:
We have many changes in rit-core everytime theme update is available. It will be noticed by theme forest. Once theme update is released, it will be used with up-to-date plugins, such as Visual Composer, rit-core, Revolution slider... Rit-core is required to be updated to get rid of conflicts:

In order to update Rit-core, please follow these steps:
<ol>
<li>Back up your customization by export and import customizer. Read more information about this from <a href="#export-import">Customizer Import</a> 
</li>
<li>Go to Plugins > Installed Plugins then you will see Update required for RiverTheme Core
<img src="./images/update-rit-core-1.jpg" alt="update-rit-core-1">
</li>
<li>Click to update required RiverTheme Core then you can see version available
<img src="./images/update-rit-core-1.jpg" alt="update-rit-core-2"></li>
<li>Click on Update to install the lastest version plugin then wait for this message:
<img src="./images/update-rit-core-3.jpg" alt="update-rit-core-3"></li>
<li>After that, you can reload or go to Plugins > Installed Plugins and you can see the version updated:
<img src="./images/update-rit-core-4.png" alt="update-rit-core-4"></li>
</ol>

### Visual Composer / Slider Revolution — Cannot update, asking for License Activation
---

Question:

I'm trying to update the Visual Composer / Slider Revolution, but I receive this error message "To receive automatic updates license activation is required. Please visit Settings to activate your Visual Composer."

If I try to activate Visual Composer I get the message "It seems that you do not have any valid license for Visual Composer. What does it mean? It may be so that you got Visual Composer by purchasing WordPress theme which does not grant you with direct license for Visual Composer."

What do I have to do?

Answer:

Since Visual Composer is coming as a bonus / free with the theme, users don't get to have their own purchase codes, but it's not required, assuming you need it to be able to update the plugin. The option to activate a license was left open for those who already have a license.

We always make sure to include the latest version when we release theme updates, so go to this section "<a href="#update-plugin">Update Plugin</a>" to know how to you update the plugins coming with the theme.

### How to speed up your theme
---

Our support team often gets asked questions such as "How to speed up my website, the theme's demo is much faster, what plugins are you using?".
A site can get to be slow for many reasons, from server and domain setup, to bad plugins or themes, image sizes, etc. From the theme's perspective, we've been able to achieve great results with Ri iOne so the theme should help you in your mission of optimising your site for better performance.
After valuable user feedback, extensive research and testing, we spotted several opportunities to make Ri iOne faster and more efficient. The goal was to keep the theme and its code as clean and fast as possible while packing the same awesome features people love without slowing things down. By minifying JavaScript and CSS code, we managed to improve performance and speed up page loading, making both visitors and search engines happy.
We use the following plugins to get the best of Ri iOne in terms of performance and loading times.
<ul>
<li><a href="https://wordpress.org/plugins/wp-super-cache/" target="_blank">WP Super Cache</a> (default settings)</li>
<li><a href="https://wordpress.org/plugins/bwp-minify/" target="_blank">Better WordPress Minify</a> (default settings)</li>
<li><a href="https://wordpress.org/plugins/stone-html-compressor/" target="_blank">Stone HTML Compressor</a> (no settings)</li>
</ul>

Beside Server Caching, Minifying and HTML compression, we've also made sure the Browser Caching is enabled for the site by adding the following lines in the .htaccess file. 
<pre># Leverage Browser Caching by setting HTTP header expires <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 30 days" </IfModule></pre>

A quick test on the shop catalog page with the settings above returned the following results:
<ul>
<li>Pingdom Results: Load Time: 812 ms / Requests: 62 / Page Size: 1.3 MB</li>
<li>Web Page Test Results: Load Time: 2.541 ms</li>
</ul>

Hope you'll be able to use this info to speed up your site too. Remember that each setup is different and it depend on your content, the plugins you're using, the server that hosts your site and basically all that's involved with it. If you're looking for professional help in this matter, there's always someone available for such tasks on the <a href="http://studiotracking.envato.com/" target="_blank">Envato Studio</a>. Pricing and timeline are always straightforward there and that's the main reason for recommending it.

## Change Log
---

## Version 1.3.3

- Update Clever Megamenu to 1.0.9
- Update Revolution slider to 5.4.7.3 
- Update WPBakery Page Builder to 5.4.7
- Compartible with WooCommerce 3.4

## Version 1.3.2 Release  Mar 05, 2018

- Fixed issue with checkout page that not show added products

### Version 1.3.1 Release  Mar 03, 2018

- WooCommerce 3.3.3 compatibility 
- Update plugin Clever Visual Composer Addon to version 1.0.2
- Update plugin Clever Mega Menu to version 1.0.8
- Update plugin WPBakery Page Builder to version 5.4.5
- Update plugin Slider Revolution to latest version 5.4.7.1
- Update CleverSwatches version 2.0.5
- Improve product page on mobile devices
- Minor css improvements

### Version 1.3.0 Release  Nov 23, 2017

- Upgrade CleverMegaMenu to latest version 1.0.7
- Upgrade CleverSwatches to latest version 2.0.0
- Update Visual Composer to version 5.4.4
- Update Slider Revolution to latest version 5.4.6.3.1
- WordPress 4.9 Compatibility
- WooCommerce 3.2.4 Compatibility

### Version 1.2.9 Release  Oct 24, 2017

- Update Visual Composer to version 5.4.2
- Update Slider Revolution to latest version 5.4.6.1
- Upgrade CleverMegaMenu to latest version 1.0.6

### Version 1.2.8 Release Sep 14, 2017

- Add plugin CleverSwatches - WooCommerce Color or Image Variation Swatches included. 
CleverSwatches allows you to convert your normal variable attribute dropdown select to 
nicely looking color or image select.

- WooCommerce Product Filter 6.4.1 compatibility: Note this plugin is not included in the 
theme package, then you need to purchase separately single license https://goo.gl/3ennyc 
for using on our site.

### Version 1.2.7 Release Jul 06, 2017

- WooCommerce 3.1.0 compatibility 
- Upgrade Revolution to latest version
- Upgrade Visual Composer to latest version 5.2
- Improve Newsletter popup style 
- Improve Mobile responsive 
- Improve Mega Menu shadow

### Version 1.2.6 Release May 18, 2017

- Fix bug ajax cart not working when add variable product
- Improve responsive style

### Version 1.2.5 Release Apr 24, 2017

- Woocommerce 3.0.4 compatibility 
- Upgrade Revolution Slider to latest version

### Version 1.2.4 Release Apr 17, 2017

- Woocommerce 3.0.3 compatibility

### Version 1.2.3 Release Apr 07, 2017

- Woocommerce 3.0.1 compatibility

### Version 1.2.2 Release Apr 07, 2017

- Upgrade Visual Composer to latest version 
- add new product light box for WooCommerce 3.0.0

### Version 1.2.1 Release Apr 05, 2017

- Woocommerce 3.0.0 compatibility

### Version 1.2.0 Release Mar 14, 2017

- Update Revolution & Visual Composer to latest version 
- Improved style for Instagram widget
- Add Newsletters Popup

### Version 1.1.3 Release Jan 24, 2017

- Update Revolution to latest version 
- Replace Max Mega Menu by Clever Mega Menu for Visual Composer

### Version 1.1.2 Release Dec 26, 2016

- Fix issue that label sale of variable product show incorrect value
- WooCommerce 2.6.11 compatibility

### Version 1.1.1 Release Dec 09, 2016

- Fix issue that image not changed when selecting variable
- Upgrade Layered Navigation to latest version

### Version 1.1.0 Release Dec 06, 2016

- Add Zoom feature for the product page

### Version 1.0.9 Release Nov 23, 2016

- Upgrade Visual Composter to latest version 
- Upgrade Revolution Slider to latest version

### Version 1.0.8 Release Nov 18, 2016

- Improve style for Layered navigation (Shop sidebar)

### Version 1.0.7 Release Nov 17, 2016

- Add new home Lookbook

### Version 1.0.6 Release Nov 15, 2016

- Improve typography 
- Update sample data

### Version 1.0.5 Release Nov 10, 2016

- Add home dark style

### Version 1.0.4 Release Nov 03, 2016

- Improve style for the product page: now it's loading more smoothing

### Version 1.0.3 Release Nov 02, 2016

- Add 3 new layout for product page: Horizontal gallery, Sticky and Carousel
- Improve Mega Menu's style

### Version 1.0.2 Release Nov 01, 2016

- Add Mega Menu
- Improve styles

### Version 1.0.1 Release Oct 28, 2016

- Fix minor css issues

### Version 1.0.0 Release Sep 26, 2016

! Initial Release