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 channel support https://themeftc.ticksy.com/ and follow it. Our technical support experts will help you asap.

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

First of all, you need to make certain that your server and WordPress meet the theme’s requirements.

Most of the issues users may experience, such as demo content importing fails, menu partially not saving, page not rendered correctly and other oddity are related to server settings and excessively low PHP configuration limits.

You can contact your hosting provider and ask them to increase below values:

• PHP version: 7.4 or greater
• WordPress version: 5.8.2
• Memory limit: 128M
• Max Execution: Min 128 - 180
• Max Input Vars: Min 2000 - 3000
• Upload Max Filesize: 10M

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.

WordPress Dashboard

1. Navigate to Appearance > Themes > Add new
2. Choose rango-theme.x.x.zip file. Click on Install Now button to upload and install the theme
3. Once you activate Rango. Then you will get a notification about installing the required plugins
4. You must install all the required plugins if you want to import the demo content

FTP

1. Log into your hosting space via an FTP software
2. Unzip the rango-theme.x.x.zip file and ONLY use the extracted "rango" folder
3. Upload the extracted "rango" folder into wp-content/themes folder
4. Go to Appearance > Themes and activate Rango theme
5. Then you will get a notification about installing the required plugins

One-Click Import

Importing the demo content through the 'One-Click Import' is the easiest and fatest way to setup your theme. It allows you to import data such as Content, Widgets, Revolution slider, Menu, Customize.

You will also need to import basic demo content before proceeding to the specific homepage import. In order to import demo content, following below steps:

1. Login to your WordPress Dashboard.
2. Navigate to FTC Importer

In this area, there are few options:

Errors or Problems

1. Server Error 500

If you see 500 error while importing demo, this usually indicates a poor server configuration, usually on a cheap shared hosting (low values for PHP settings, missing PHP modules, and so on). You should contact your web host and ask them to increase those limits to fulfill theme requirements.

Then, you can reset your database using the WordPress Database Reset plugin. This plugin can be used to remove all existing content and install a new version from scratch.

2. Products or Categories are not showing on front-end

In order to fix errors not showing Categories, products after import demo content, you can go to edit page and select categories / products for each elements.

3. Mega Menu doesn't showing correctly

Go to Mega Main Menu > Resave Settings

If the problem still occurs, please submit ticket at https://themeftc.ticksy.com/ and we will help you.

Manual Update

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 Rango 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.

Here below are the plugins that included in theme:

Required plugins

• ThemeFTC Core
• FTC Importer

Recommended plugins

• WooCommerce
• Elementor
• Revolution Slider
• Mega Main Menu
• Contact Form 7
• YITH WooCommerce Wishlist
• YITH WooCommerce Compare
• YITH WooCommerce Ajax Product Filter
• Mailchimp for WordPress
• Redux Framework
• WooCommerce Variation Swatches

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.

1. Navigate to Appearance > Theme Options > General > Logo - Favicon
2. Here you can upload Logo, Mobile Logo

Sometimes you can't see the your logo, you can edit page and scroll down to Page Options. Here you can remove or update Logos.

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

Header Layout

Here you can select default header layout for your site.

Breadcrumb

Just choose one of our breadcrumb layouts for your site.

You can also choose the breadcrumb layout for individual pages via Page Options.

If you want to customize the theme, you should create the child theme before making any changes.

You can find the sample child theme package (rango-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

Rango allows you to create unlimited footer layouts. The following sections will explain how to set up a new footer.

If you don’t see your page builder interface when creating the layout you need to activate it for this post type.

For WPBakery via Dashboard > WPBakery Page Builder > Role manager > Role Manager

For Elementor via Dashboard > Elementor > Settings > General

Adding Footer Content

1. In admin panel, you go to FTC Footer > Add New

2. Navigate to Appearance > Widgets. You drag and drop the FTC Footer widget into Footer Top, Footer Middle or Footer Bottom area

Adding a Widget to Footer Content

Sometimes, you are also need to add a widget to Footer Content.

1. Following steps here to create new widget
2. Go back to page editor, add the Widgetised Sidebar element into the page
3. In the Widgetised Sidebar Settings panel, you choose your sidebar from dropdown list of Sidebar option

1. Go to Appearance > Menus to create or edit a menu that you already have
2. Press arrow icon link next to the menu title. For the first level select:

   Submenu Type - Multicolumn Submenu, Columns - 4 or 5

   
3. For the nested level select:

   Submenu Type - Standard Submenu, Columns - 1

   

Rango 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, navigate WooCommerce > Settings in admin panel.

Product Image Sizes

In order to change the catalog and single product Image settings, go to Appearance > Customize > WooCommerce > Product Images.

To change product widget image size go to Settings > Media > Thumbnails Size. You can refer to WooCommerce Documentation. for more information.

Page Settings

In the WooCommerce settings menu, click on "Advanced".

Enabling User Registration

In the WooCommerce settings menu, click on "Accounts & Privacy." Here you can control account creation and privacy settings.

Product Options

This section allows you to override some options in Theme Options. You can set layout for individual products. You can also override custom tab content

Product Data

You should also read WooCommerce Documentation to get more details. We only have some notes that we think you need to know.

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.

Rango is ready to translate by using the po file. If you want to build a multilingual site, you need to use WPML plugin. Our theme does not include the WPML plugin. It only is compatible with the WPML plugin. You have to buy a license for this plugin.

There are 2 ways to create and edit the po file

1. Use the Poedit software and refer this document
2. Use the translation plugins, such as Loco Translate or Codestyling Localization plugins

In this section, you will know how to build a multilingual website by using the WPML plugin. All the information needs to get started and use it is on the WPML.org page.

Below are some reference links:

• WPML Documentation
• How to display different widgets per language

Installing and Setting Up the WPML plugin

You need to install a recent version of WPML, including the String Translation, Translation Management and CMS Navigation modules. After installing these plugins, you set up Languages from WPML > Languages and translate your content.

Translating Pages and Posts

Go to All Pages and pick a page for translation. Click on the plus icon. If the page is already translated, the plus icon will be replaced with a pen icon.

WPML actually creates a new WordPress page, linked to the original one. In this new page, you can add new content as you normally do. You can also keep the original content, just translate into the new language.

Translating Categories

To translate a category, click on the language which you want to translate it and then add a new category. Make sure the new category is linked to an original category.

Translating Menus

You go to Appearance > Menus. Just add a new menu. You select the language and the original menu which links to the new menu.

WPML can synchronize menus for you. This means that WPML can generate and keep in sync menus for other languages pointing to the translated versions of the pages, posts or categories.

Translating the theme and other texts

You go to WPML > String Translation. Find the text in the list and translate it. Please make sure you check the Translation is complete checkbox after translating.

Sometimes, some texts are not translated. First, you need to go to WPML > Theme and Plugins localization. You click on the Scan the theme for strings button. Then, you go back to the String Translation page and find those texts.