WELCOME TO REVO THEME

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated!

 

Unlike other themes which support responsive layouts only, Revo is built with both responsive layouts and mobile-specific web designs with full of shop features, specifically designed and developed for mobile devices. This is the trend of online store 2017 – when using and shopping via smartphones is increasing rapidly!

 

This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Ticket Support System.

SW Revo is a Premium Multipurpose WooCommerce WordPress Theme that is created to fit any online shopping stores. Theme now is added WC Vendor plugin compatibility for marketplace site.

 

The theme is extremely customizable with multi homepage layouts, mobile-specific layouts, multi-headers and footers and lots of theme options that allow you build and manage an online shopping website with ease.

 

Revo is the combination of a powerful admin panel and the live drap-n-drop page builder (WPBakery Page Builder) as well as many cutting-edge features inside: RTL Layout, Powerful Mega Menu, Color Swatches, Product Quickview, 4 Product types and lots of premium widgets included. Furthermore, with One-click Demo Installation supported, you can quickly get a complete website look like the demo just by 1 click.

GETTING STARTED

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.

 

  1. WordPress Codex – General info about WordPress and how to install on your server.
  2. First Steps With WordPress – General info about multiple topics about WordPress.
  3. FAQ New To WordPress – The most popular FAQ’s regarding WordPress.

To use the theme, please make sure you are running WordPress 4.9.x or higher and your site meets the minimum requirements of WordPress.

 

  1. Check to ensure that your web host has the minimum requirements to run WordPress.
  2. You can download the latest release of WordPress from the official WordPress website.
  3. The latest version of WordPress is prefered.
  4. Always create secure passwords for FTP and Database.
  5. It is recommended to be on at least PHP 5.6 and preferably PHP 7.0.

The Recommended PHP Configuration Limits should be paid attention. In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.

 

The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:

 

  1. max_execution_time 360
  2. memory_limit 128M
  3. post_max_size 32M
  4. upload_max_filesize 32M

 

Success Well done! If your site meets all these requirements, you can start enjoy Revo theme now!

FILE STRUCTURE

After downloading the theme package on ThemeForest, when extracting it, you will see the files included as below:

 

Revo theme package folder including:

  1. code folder contains: sw_revo_theme_vx.x.x.zip, sw_revo-child-theme.zip and folder data (including the media.xml for homepage 1-12).
  2. userguide: This is online documentation for Revo theme.
  3. Licensing: This is license for theme on ThemeForest.
  4. PSD: This includes PSD for this Revo theme.

You can find plugins in sw_revo_theme_vx.x.x.zip\revo\lib\plugins folder including:

  1. plugins including: js_composer.zip, one-click-install.zip, revslider.zip, sw_ajax_woocommerce_search.zip, sw-core.zip, sw_vendor_slider, sw_woocommerce.zip, sw_wooswatches.zip, sw_product-bundles.

 

Info We also provide you sw_revo_quickstart_vx.x.x.zip for Quickstart Installation 01 time only for the first installation.

 

Due to the Policy of ThemeForest, we could not include it in the theme package. If you want to get it, please contact us at Ticket Support System and provide us the Item Purchase Code, we will send you.

INSTALLATION

There are 02 ways to install Revo theme: Quickstart Installation and Manual Installation.

 

  • Quickstart Installation: With this one, you will replace your whole site with a new one like our site in demo. This one is suitable for you if you build a fresh site and want to get demo content. Please note that with this way, all your old data will be replaced.
     
    You may need to contact us to get the quickstart for this installation.
  •  

  • Manual Installation (or Theme Installation): By this way, you can install the theme into your site and import demo data while remaining current data of your site. If you have a WordPress website with full of content and you want to keep it, this is a suitable choice for you.

 

Info Before install the theme, please make sure that your site meets all the system requirements and the theme package is available in your computer.

To install Quickstart, please follow steps as below:

 

  1. Have the sw_revo_quickstart_vx.x.x.zip available in your computer.
  2. Create the Database and a User for your site. You can skip this step if there is available one.
  3. Upload and Extract the quickstart files to the desired location on your web server using FTP or CPanel. It could be a folder in xampp > htdocs if you install on your localhost.
  4. Go to the URL where you uploaded the file to load the WordPress Installer.
  5. Now all is the same to WordPress Installation. You will go step by step with Language Settings, Database Settings and WordPress Info Settings.
  6. After the successful installation, you can go to your site and enjoy the result.

 

Info For more detail, you can see the tutorial for this Quickstart Installation here: How to Install Quickstart for WordPress Theme.

– Before installing Revo theme, you need to have a WordPress site that meets all the theme requirements.

– You need to have the latest Revo theme package available in your computer.

– There are 02 ways for you to upload the theme into your site: Upload theme via WordPress Admin and Upload theme via FTP.

 

Info If the theme file size is larger than 8M, it should be uploaded via FTP.

 

  1. Navigate to the Admin Panel of your site (i.e. http://wpthemego.com/wp-admin/).
  2. Login to your WordPress Dashboard and go to Appearance > Theme and click Add New to add new theme.
  3. Click the Upload Theme button then Choose File and select sw-revo_theme_vx.x.x.zip file and click Install Now.
  4. It will take a few minutes to install the theme.
  5. After seeing the message Theme installed successfully, you can Activate Revo in your site.
  6. Now, you need to enter the Purchase Code to complete the activation.
  1. Access your FTP client, such as FileZilla to start upload Revo theme.
  2. Navigate to the folder of your website (i.e. wpthemego.com/wp-content/themes) then upload and extract theme file sw_revo_theme_vx.x.x.zip to this directory. After that, you will have a theme folder named as Revo in your site’s directory.
  3. Login to the Admin Panel of your site (i.e. http://wpthemego.com/wp-admin/). Go to Appearance > Themes to find Revo theme.
  4. After seeing Revo theme’s thumnail, choose and click on Activate to install it in your site.
  5. Now, you need to enter the Purchase Code to complete the activation.


 

Info For more detail, you can see the tutorial video for Theme Installation here: How to Install WordPress Theme Package to be like Demo .

To have the theme works well with full features, after installing the theme, all the required plugins should be installed and activated. Below are the required plugins for Revo theme:

 

These are the plugins compatible with Revo theme.

 

  1. Dokan Multivendor: Plugin for front end multi vendor marketplace on WordPress, powered by WooCommerce.
  2. WC Vendor: Plugin for multivendor with WooCommerce.
  3. WC MarketPlace: eCommerce marketplace plugin for WordPress.
  4. Yoast SEO: This is plugin for SEO in your site.
  5. Social Login WordPress Plugin – AccessPress Social Login Lite: This is plugin for social login in your site.
  6. WP Fastest Cache: Plugin to speed up your site by creating static html files from your dynamic WordPress blog.
  7. Loco Translate: Loco Translate provides in-browser editing of WordPress translation files.
  8. WPML: WPML makes it easy to build multilingual sites and run them. It’s powerful enough for corporate sites, yet simple for blogs.


 

To install and activate required plugins, please follow steps as below:

 

  1. After installing and activating the theme, there is a message about installing required plugins at the top of the page.
  2. Click on Begin Installing plugins link to start installing required plugins for SW Revo theme.
  3. Now it will be redirected to Install Required Plugins page, here you will find all of the theme required plugins.
  4. Choose all of required plugins then select Install and click Apply.
  5. After successful installation, choose all of them then select Activate and click Apply.

 

Warning Some Notes For Plugin Installation:

 

– When installing, if there is notice that any plugin is unsuccessful installed, please choose each of them and install one by one again.

– If your server does not permit automatic installation, you need to install them manually with plugins in folder data/plugins.

We update our themes regularly for bug fix, WordPress and plugins compatibility and improvements. Therefore, it’s necessary to have Revo theme in your site up-to-date.

 

Auto Update

For themes on Themeforest, you can use auto-update follow the tutorial: HERE.

 

Manual Update

For manual update, please follow steps as below:

 

  1. Back up your site! Before changing anything in your site, don’t forget to backup it to save your data and custom code or CSS. It will save your life in the worst situation.
  2. Copy the custom code you made in your site and save it in your computer to add it later.
  3. Download the latest version of Revo theme.
  4. Uninstall the theme and install and activate new version sw_revo_theme_vx.x.x.zip of Revo.
  5. Click on Begin installing plugins link and install new version of plugins. This step is essential to update the required plugins for bug fix and feature improvement.
  6. Now the theme is updated successfully. You can paste your custom code in the new theme.
  7. After all, check your site again to ensure that the update works.

 

InfoTutorial Article: How to Update WordPress Theme for Your Site?.

Ussually, when a required plugin is updated, we also update the theme package. Therefore, when updating Revo theme, you can also choose to update plugin automatically.

 

To update plugin in Revo theme, please follow steps as below:

 

  1. Back up your site! to save your customization.
  2. Copy the custom code you made in your site and save it in your computer to add it later.
  3. Download the latest version of Revo theme on Themeforest. There is latest version of plugin in the theme package/data folder. Or else you can get it from plugin provider.
  4. Deactive and remove old version of this plugin. You can directly delete this plugin’s files in folder /public_html/wp-content/plugins of your site using FTP.
  5. Now you can install new version in your site. If the max_size_upload > 8M, you can upload it via Admin Panel. Or else, you need to extract the plugin then add it to folder /public_html/wp-content/plugins of your site using FTP.
  6. Now the theme is updated successfully. You can paste your custom code in the new theme.
  7. After all, check your site again to ensure that the update works.

 

Warning Before updating any plugin in your site, you need to have a test first to make sure that it won’t damage your site! When a plugin is updated, we will check if it’s compatible with our current theme version. After that, we will update theme package then you can update in your site later. If you see there is bug after the update in the test process, you should wait for our update for latest version of plugin to update in you live site.

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

If you plan on doing any customization on your site, you will definitely need to set up this child theme on your site.

 

After installing and activating Revo theme, you can install Revo Child Theme following steps below:

 

  1. Navigate to the Admin Panel of your site (i.e. http://wpthemego.com/wp-admin/).
  2. Login to your WordPress Dashboard and go to Appearance > Theme and click Add New to add new theme.
  3. Click the Upload Theme button then Choose File and select sw_revo-child-theme.zip file and click Install Now.
  4. It will take a few minutes to install the theme.
  5. After seeing the message Theme installed successfully, you can Activate Revo Child Theme in your site.

 

Info For more detail, you can see the WordPress Documentation for Child Theme: Child Themes.

IMPORT DEMO CONTENTS

Importing demo data (post, pages, images, theme settings and more) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.

 

After Theme Installation, to have demo data in your site, it’s neccessary for you to import demo content. The process includes 02 steps:

  1. Import Demo Data: This includes demo pages, posts, menu, widgets, post and other elements of the theme.
  2. Menu Configuration: After Importation, you need to reconfigure the Menu then your site will be the same as in the demo.

 

When you import the data, the following things might happen:

  • No existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.
  • Posts, pages, images, widgets, menus and other theme settings will get imported.
  • Please click on the Import button only once and wait, it can take a couple of minutes.

 

After successfully importing all the steps above, your site will be the same as in the demo.

 

Tutorial Video:

You can see tutorial video for the One Click Installation and Importation for eMarket as an example here.

 

Warning Before the importation, the theme and required plugins should be installed and activated successfully in your site.

To import demo data of Revo theme, please follow steps as below:

 

Info Before install the theme, please make sure that your site meets all the system requirements and the theme package is available in your computer.

 

 

  1. In the Administrator page, go to Appearance > Import Demo Data to open the One Click Demo Import window.
  2. Now, you can see different thumnails for each demo pages. Choose the Home Page style you want, then click on Import button to start the process. Please just click only 01 time. You can also click on Preview to see the demo of this home page style.
  3. It will appear a popup to confirm your decision. Click on Yes, Import! to continue.
  4. The process many take 5-10 minutes due to the data size and your Internet. Please wait until it’s done.
  5. After seeing the successful message, the importation is all done. Now you can have a check at your site.
  6. Finally, you can Deactivate plugin One Click Demo Import in your site because it is not neccessary anymore.

 

Important!

For homepage from 1 to 12, after importing the demo data, you need to import the file media.xml to have the images as in the demo. You can follow the tutorial here.

 

Warning The data will be downloaded from our server, these images are copyrighted and are for demo use only. Please click import only once and wait, this process can take a couple of minutes.

After the Data Importation, you can check your site again. Usually, you need to reconfigure the menu to have your site the same as in the demo.

 

  1. In the Administrator page, go to Appearance > Menu and choose the one you want to configure.
  2. After that click on Save button to save the menu.
  3. You can also change some information of the menu as you want. For Megamenu such as Primary Menu and Vertical Menu, you need to Active Megamenu by going to Appearance > Theme Options > Navbar Options and choose to active them.
  4. For WP Custom Menu elements on the page or Footer Style page, you need to go to the page and click on edit these element with WPBakery Page Builder, rechoose the menu then save it again.
  5. After all, you can check your site to see the result.

 

Info You can see the Menu Settings in the Basic Settings for more detail.

BASIC SETTINGS

Pages is one of the most important elements in a WordPress website. In this section, we will cover issues related to page including: Create a New Page, Set up Home Page, Page Metabox in Revo theme and Page with WPBakery Page Builder.

 

How to create a new page?

To create a new Page, please follow steps as below:

  1. Log in to site in the backend.
  2. Select the Pages > Add New option to begin writing a new page.
  3. Configure Options for new page including Page Title, Page Attributes, Public Status. Page Content.
  4. Scrolling down to the end of the window, you will see the Page Metabox area of Revo theme. Here you can configure the options including Logo, Color Schemes, Home Page template, Typography, Header, Footer and Sidebar for this page. Please note that if there is no change here, the settings in Theme Options will be applied to this page.
  5. After all, save the change and check the result in the front end of your site.

 

Info For more detail, you can see the WordPress Documentation for this problem: WordPress Pages.

 

How to set up Home Page?

To set up Home Page or Front Page for your website, please follow steps as below:

  1. Log in to your site in the backend.
  2. Navigate to Settings > Reading.
  3. In the Reading Settings, select A Static Page option.
  4. Select the page you want as home page in Front Page dropdown list.
  5. Now Save Changes and check your site again.

 

Info For more detail, you can see the WordPress Documentation for this problem: Creating a Static Front Page.

 

About Page Metabox in Revo theme

After installing and activating Revo theme, the Page Metabox will be availaible in your site. You can go to Pages > All Pages then choose the page you want then scrolling down to the end to see Page Metabox options.

 

Please note that the change in the Page Metabox will be apply to the page rather than the one in the Theme Options. If there is no change here, the settings in Theme Options will be applied to the page.

 

The Page Metabox often includes options: General, Typography, Header, Footer, and Sidebar.

  1. General: In this tab, you can configure options including Custom Logo, Home Template and Color Scheme for the page.
  2. Typography: In this tab, you can configure Font Style, Font Weight for elements in the page.
  3. Header: In this tab, you can choose to Hide Header or Header Style for the page.
  4. Footer: In this tab, you can choose to Hide Footer or Footer Style for the page.
  5. Sidebar: In this tab, you can enable Sidebar and choose type of Sidebar for the page.

 

Info For more detail, you can see documentation about Page Metabox: Theme Options, Page Metabox & Category Metabox.

 

Edit Page with WPBakery Page Builder

Revo theme supports WPBakery Page Builder – the most powerful plugins that allow you to easily drag and drop page builder in the standard WordPress page/post edit area or directly from the frontend.

 

With WPBakery Page Builder. you can edit a page both in the backend and front end of your site. To edit a page, please follow steps as below:

 

  1. Login your site then open the page you want to edit then choose Edit with WPBakery Page Builder.
  2. Now, you can edit Row, Column and elements in the page. To edit elements, please hover on the one you want then click on “pencil” icon to Edit this element.
  3. After that, you can configure different options of this element in tab General and Design Options due to different types.
  4. After all, you can preview the page and Update to save the change for this page.

 

Info For more detail, you can see documentation about WPBakery Page Builder: WPBakery Page Builder Tutorials.

 

How to make your page appear in Megamenu

To have your page appear in the Megamenu, please follow steps as below:

  1. After creating the page, go to Appearance > Menu and choose Primary Menu (Primary Menu). This is the one set as Primary Menu in your site.
  2. Now, please select the page you want, then click on button Add to Menu and Save Menu.
  3. After all, please check your site to see the result.

Blog Post is one of the most important elements to create a Blog Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Blog Post, Set up Blog page and Blog Post in Revo theme.

 

How to create a new post?

To create a new Post please follow steps as below:

  1. Log in to site in the backend.
  2. Select the Posts > Add New option to begin writing a new post.
  3. Configure Options for new post including post Title, post link, Public Status, Content, Tags, Feature Image, Post Type.
  4. Scrolling down to the end of the window, you will see the Page Metabox area of Revo theme. Here you can configure the options including Header, Footer and Sidebar for this post. Please note that if there is no change here, the settings in the page including this post will be applied.
  5. After all, save the change and check the result in the front end of your site.

 

Info For more detail, you can see the WordPress Documentation for this problem: WordPress Posts.

 

How to set up Blog page in Revo Theme?

To set up blog page for your website, please follow steps as below:

  1. Log in to your site in the backend.
  2. Create a new page with WPBakery Page Builder and add element SW Blog Listing.
  3. Now, configure the options in SW Blog Listing including Title, Categories and other Design options as you want.
  4. Now Save Changes and check your site again.

 

About Page Metabox of post in Revo theme

After installing and activating Revo theme, the Page Metabox will be availaible in your site. You can go to Posts > All Posts then choose the post you want then scrolling down to the end to see Page Metabox options.

 

Please note that the change in the Page Metabox of the post will be apply to the post rather than the one in the Page Metabox of Page. If there is no change here, the settings in Page will be applied.

 

The post Metabox often includes options: Header, Footer, and Sidebar.

  1. Header: In this tab, you can choose to Hide Header or Header Style for the post.
  2. Footer: In this tab, you can choose to Hide Footer or Footer Style for the post.
  3. Sidebar: In this tab, you can enable Sidebar and choose type of Sidebar for the post.

 

Info For more detail, you can see documentation about Page Metabox: Theme Options, Page Metabox & Category Metabox.

 

Other Settings

1. Categories: To add new category, please go to Post > Categories then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Post > Tags then complete information for the new tag in Add New Tag window and Save it.

 

Post Image Size

In Revo theme, we recommend to configure image dimensions for post image size. You can go to Settings > Media and set up the Image Dimentions to use when adding an image to the Media Library.

Portfolio Post is one of the most important elements to create a Portfolio Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Portfolio Post, Set up Portfolio page and Portfolio Post in Revo theme.

 

How to create a new portfolio?

To create a new Post please follow steps as below:

  1. Log in to site in the backend.
  2. Select the Portfolio > Add New option to begin writing a new portfolio.
  3. Configure Options for new portfolio including portfolio Title, Portfolio Link, Public Status, Content, Tags, Feature Image, Post Type.
  4. Scrolling down to the end of the window, you will see the Portfolio Meta area of Revo theme. Here you can configure the options including Skill Needed, URL, Copyright and Image Size Mansonry Layout for this portfolio.
  5. After all, save the change and check the result in the front end of your site.

 

How to set up Portfolio page in Revo Theme?

To set up portfolio page for your website, please follow steps as below:

  1. Log in to your site in the backend.
  2. Create a new page with WPBakery Page Builder and add element SW Portfolio.
  3. Now, configure the options in SW Portfolio including Title, Categories and other Design options as you want.
  4. Now Save Changes and check your site again.

 

Other Settings

1. Portfolio Categories: To add new category, please go to Portfolio > Categories Portfolio then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Portfolio > Tags then complete information for the new tag in Add New Tag window and Save it.

Product is one of the most important elements to create a Shop Page in a WordPress website. In this section, we will cover issues related to this one including: Create a New Product, Set up Product Page and other related things in Revo theme.

Please make sure that you install and activate WooCommerce plugin before this process.

 

How to create a new product?

To create a new product, please follow steps as below:

  1. Log in to site in the backend.
  2. Select the Products > Add Product option to begin writing a new product.
  3. Configure Options for new product including product Title, Product Link, Public Status, Content, Tags, Feature Image, Feature Video, Categories, Brand and others.
  4. Scrolling down to the end of the window, you will see the Page Metabox for Product of Revo theme. Here you can configure the options including Header, Footer and Sidebar for this product.
  5. After all, save the change and check the result in the front end of your site.
  6.  

    Info For more detail about this process, you can check the WooCommerce Documentation: Set Up Products.

 

How to set up Product page in Revo Theme?

To set up product page for your website, please follow steps as below:

  1. Log in to your site in the backend.
  2. Go to Pages then create a Shop page.
  3. Now, go to WooCommerce > Settings > Products > Display to Assign Product Page to the new created Shop item.
  4. Now Save Changes and check your site again.
  5.  

    Info Please note that the configuration in Page Metabox has no effect on Shop page. This Shop page will only be applied the settings in Appearance > Theme Options > Products.

 

Other Settings

1. Categories: To add new category, please go to Product > Categories then complete information for the new category in Add New Category window and Save it.

2. Tags: To add new tag, please go to Product > Tags then complete information for the new tag in Add New Tag window and Save it.

3. Product Brand: To add new category, please go to Product > Product Brand then complete information for the new category in Add New Category window and Save it.

4. Attributes: To add new category, please go to Product > Attributes then complete information for the New Attribute and Save it. In Revo theme, we use Color and Size.

 

Product Image Size

In Revo theme, to have the most beautiful shop page, we recommend to configure image dimensions for product image size as below:

  1. Homepage 1 : Multi-category Store 1600 x 600 pixels
  2. Homepage 2 : Multi-category Store 2600 x 600 pixels
  3. Homepage 3 : Fashion Store600 x 800 pixels
  4. Homepage 4 : Kids Fashion Store600 x 800 pixels
  5. Homepage 5 : Hitech Store600 x 600 pixels
  6. Homepage 6 : Fashion Store 2600 x 800 pixels
  7. Homepage 7 : Hitech Store 2600 x 600 pixels
  8. Blog870 x 600 pixels

 

Featured Video Product

In Revo theme, you can use Featured Video for Product in stead of Image. To use this feature, while creating new product, you can enter the Youtube Video ID in the Featured Product Video option.

Currently, this feature only support Youtube Video, we will update to support Vimeo video in the next version.

 

Color Swatch and Image for Product

In Revo theme, you can use Color Swatch and Image for Variable Products. You can use this feature for products in your site by following steps HERE.

 

Bundle Products

In Revo theme, you can create Bundle Product thanks to plugin SW Product Bundles. You can use this feature for products in your site by following steps HERE.

 

Brand Images for Detail Products

In Revo theme, you can upload the brand images for product in page detail. You can use this feature for products in your site by following steps HERE.

Revo supports you with various pre-made Widget Sections and available Widgets to add different elements into different pages in your site. In this section, we will give you how to use Widgets in Revo theme.

 

These elements locates in Appearance > Widgets in the Admin Panel of your site.

 

Pre-made Widget Sections in Revo theme

There are various pre-made widget sections in Revo. They are:

 

  1. Sidebar Left Blog: This section is for the left sidebar in Blog page.
  2. Sidebar Right Blog: This section is for the right sidebar in Blog page.
  3. Top Header: This section is for the header of the page.
  4. Mid Header: This section is for the header of the page.
  5. Bottom Header: This section is for the header of the page.
  6. Header Right: This section is for the header of the page.
  7. Header Left: This section is for the header of the page.
  8. Sidebar Left Product: This section is for the left sidebar in Product Listing page.
  9. Sidebar Right Product: This section is for the left sidebar in Product Listing page.
  10. Banner Mobile: This section is for the banner on mobile layout.
  11. Sidebar Left Detail Product: This section is for the left sidebar in Product page.
  12. Sidebar Right Detail Product: This section is for the left sidebar in Product page.
  13. Sidebar Bottom Detail Product: This section is for the bottom information in Product page.
  14. Bottom Detail Product Mobile: This section is for the bottom information in Product page on Mobile layout.
  15. Filter Mobile: This section is for filter/search on mobile layout.
  16. Footer Copyright: This section is for the footer copyright of the page.
  17. Widget Search: This section is for the ajax search.

 

Available Widgets in Revo theme

After installing Revo, there are many widgets in this area. Now we will have an overview about the ones used in this theme:

 

  1. Categories: This widget is to display the blog category in widget sections
  2. Text: This widget is to display the text or HTML into the area you want in widget sections.
  3. SW Top Widget: This widget is to display the Cart, Search, Login form or others in the Top section.
  4. Custom Menu: This widget is to display custom menu in widget section.
  5. WooCommerce Currentcy Converter: This widget is to display currency converter in widget sections.
  6. SW WooCommerce Related & Upsell Slider: This widget is to display Related Product in widget section of Product Page.
  7. WooCommerce Product Categories: This widget is to display product categories in widget section of Product Page.
  8. WooCommerce Price Fitler: This widget is to display price filter in widget section of Product Page.
  9. WooCommerce Layered Nav: This widget is to display extra attribute of product as filter in widget section of Product Page.
  10. SW Ajax WooCommerce Search: This widget is to display the SW Ajax WooCommerce Search in your site.
  11. Image: This widget is to display image in the area you want in widget sections.
  12. SW Responsive Slider Widget: This widget is to display slider in your site.
  13. Recent Posts: This widget is to display recent posts in widget sections
  14. SW Social: This widget is to display the social link in widget sections.

 

How to Add a Widget into a Widget Section

To add a Widget into a Widget Section, please follow steps as below:

 

  1. Navigate to the Appearance > Widgets tab to access the list of widgets and widget sections. The left hand side shows all the widgets you can use. The right hand side shows all the different widget sections you can add widgets to.
  2. Click on the widget you want, choose widget section to add and click on button Add Widget. Or else, you can drag and drop it to the widget section.
  3. To rearrange widgets on a widget section, just drag and drop the widgets into the order you’d like.
  4. After that, you need to configure different options due to different types of widget.
  5. Finally, click Save to save the change.

 

Info To remove the widget, in the section you want, please choose it then click Delete.

 

Widget Settings

Now we will show you the options of different widgets used in Revo theme.

 

1. Categories:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Display as dropdown: This option allows you to configure the item to display as dropdown.
  • Show post counts: This option lets you to show post counts for categories.
  • Show hierarchy: This option lets you to show category regarding to hierarchy.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

2. Text:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Textbox: This option allows you to enter the content of widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

3. SW Top Widget:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Template: This option allows you to choose template for this widget including Minicart, Login or Search.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

4. Custom Menu:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Select Menu: This option allows you to choose available menu as you want.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

5. WooCommerce Currentcy Converter:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Currency codes: This option allows you to add the currency code as you want. Please enter 01 currency code per line.
  • Show reset link: This option allows you to show reset link for currency in the widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

6. SW WooCommerce Related & Upsell Slider:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Description: This option allows you to add description to this widget.
  • Number of posts: This option allows you to configure the number of products appearing.
  • Excerpt length (in words): This option allows you to configure the charater number of product title.
  • Template: This option allows you to choose template for this widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

7. WooCommerce Product Categories:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Order by: This option allows you to configure the order of product categories according to Name or Category Order.
  • Display as dropdown: This option allows you to configure the item to display as dropdown.
  • Show post counts: This option lets you to show post counts for categories.
  • Show hierarchy: This option lets you to show category regarding to hierarchy.
  • Only show children of the current category: This option allows you to show children of the current category.
  • Hide empty categories: This option allows you to hide empty categories.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

8. WooCommerce Price Fitler:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

9. WooCommerce Layered Nav:

See Screenshot: DemoBackend

Please note that you need to create attribute for product in Products > Attributes first.

  • Tittle: This option allows you to add a title to this widget.
  • Attribute: This option allows you to choose create attribute to display.
  • Display type: This option allows you to choose display type to this widget.
  • Query type: This option allows you to choose query type to this widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

10. SW Ajax WooCommerce Search:

See Screenshot: DemoBackend

 

11. Image:

See Screenshot: DemoBackend

Please note that you need to create attribute for product in Products > Attributes first.

  • Tittle: This option allows you to add a title to this widget.
  • Upload Image: This option allows you to upload image you want for this widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

12. SW Responsive Slider Widget:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Description: This option allows you to add description to this widget.
  • Order by: This option allows you to choose order of post.
  • Catgory ID: This option allows you to choose category to this widget.
  • Number of posts: This option allows you to configure the number of post appearing.
  • Excerpt length (in words): This option allows you to configure the charater number of product title.
  • Template: This option allows you to choose template for this widget.
  • Advanced Options: This will open additional settings which are proprietary of Revo. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

13. Recent Posts:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • Upload Image: This option allows you to upload image you want for this widget.
  • Advanced Options: This will open additional settings which are proprietary of Furnihome. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

 

14. SW Social:

See Screenshot: DemoBackend

  • Tittle: This option allows you to add a title to this widget.
  • fa-* | title : This option allows you to enter the FontAwesome icon for the social.
  • Link : This option allows you to enter the link to the social page.
  • Advanced Options: This will open additional settings which are proprietary of Pisco. Click the button and you’ll gain access to the additional options listed below.
  • Widget Style: This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options including Col-3, Coli-4 and others.
  • Widget Display: This option lets you to display widget on All pages, in selected pages. or execpt selected pages. For the 2 later ones, you can choose to show widget only for login users or or logout users.

Revo theme supports you with various Header and Footer Styles and this feature will be updated in the future. In this section, we will discuss about the configuration and settings of Revo Header and Footer.

 

Revo Header

There are many Header Styles in this theme. They are:

 

Info To choose Header style you want, you can go to Appearance > Theme Options > Header & Footer and choose it. After that, you need to create or configure the elements for the Header Style in Appearance > Widgets.

 

 

header

 

Header Style 1 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="header-message">Default welcome msg!<a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7"> Join Free</a> or <a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7 ">Sign in</a></div>

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

 

Bottom Header: See screenshot: DemoBackend Settings.

header

 

Header Style 2 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="header-message">Default welcome msg!<a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7"> Join Free</a> or <a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7 ">Sign in</a></div>

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

 

Bottom Header: See screenshot: DemoBackend Settings.

header

 

Header Style 3 includes elements:

 

Top Header 3: See screenshot: DemoBackend Settings.
 

Text 1:

<div class="block-text-left">Free 3 day delivery and free returns within the US</div>

 

Text 2:

<div class="block-text-left"><label>Call Us Now: </label> 0123-444-666<a href="mailto:contact@wpthemego.com">contact@wpthemego.com</a></div>

 

Header Left: See screenshot: DemoBackend Settings.

 

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Header Right: See screenshot: DemoBackend Settings.

header
 

Header Style 4 includes elements:

 

Header Left: See screenshot: DemoBackend Settings.

 

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Header Right Home 4: See screenshot: DemoBackend Settings.

header

 

Header Style 5 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="header-message">Default welcome msg!<a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7"> Join Free</a> or <a href="http://demo.wpthemego.com/themes/sw_revo/?page_id=7 ">Sign in</a></div>

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

 

Bottom Header: See screenshot: DemoBackend Settings.

header

 

Header Style 6 includes elements:

 

Top Header 3: See screenshot: DemoBackend Settings.
 

Text 1:

<div class="block-text-left">Free 3 day delivery and free returns within the US</div>

 

Text 2:

<div class="block-text-left"><label>Call Us Now: </label> 0123-444-666<a href="mailto:contact@wpthemego.com">contact@wpthemego.com</a></div>

 

Header Left: See screenshot: DemoBackend Settings.

 

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Header Right Home 6: See screenshot: DemoBackend Settings.

 

<div class="header-right-block">
<div class="header-help"><a title="help" href="http://demo.wpthemego.com/themes/sw_revo/?page_id=1495">Help</a></div>
<div class="menu-confirmation">
<div class="text-confirmation"><a href="#">Confirmation</a></div>
<ul>
<li>trade assurance</li>
<li>100% Product quality protection</li>
<li>100% On-time shipment protection</li>
<li>100% Payment protection</li>
</ul>
</div>
</div>

header

 

Header Style 7 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="header-messages">Customer Service: <a href="mailto:magentech@services.com">magentech@services.com</a></div>

 

Mid Header: See screenshot: DemoBackend Settings.

header

 

Header Style 8 includes elements:

 

Top Header 8: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="header-messages"><i class="fa fa-map-marker">
</i> 102580 Santa Monica BLVD Los Angeles</div>

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

header

 

Header Style 9 includes elements:

 

Top Header 9: See screenshot: DemoBackend Settings.

 

<div class="text-header-top">Sign up to receive the latest Revo exclusives + 10% off your first order <a title="learnmore" href="#"> Learn more</a></div>

 

Header Right Home 9: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

header

 

Header Style 10 includes elements:

 

Top Header 10: See screenshot: DemoBackend Settings.

 

Text 1:

<div class="header-message">Free 3 day delivery and free returns within the US</div>

Text 2:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

header

 

Header Style 11 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="block-text-left">Free 3 day delivery and free returns within the US</div>

header

 

Header Style 9 includes elements:

 

Top Header 9: See screenshot: DemoBackend Settings.

 

<div class="text-header-top">Sign up to receive the latest Revo exclusives + 10% off your first order <a title="learnmore" href="#"> Learn more</a></div>

 

Header Right Home 9: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

header

 

Header Style 12 includes elements:

 

Banner Header 12: See screenshot: DemoBackend Settings.

 

[banner_countdown title='count down to anniversary party' date='2/7/2018']

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

Text 2:

<div class="block-text-left"><label>Call Us Now: </label> 0123-444-666<a href="mailto:contact@wpthemego.com">contact@wpthemego.com</a></div>

 

Widget Search: See screenshot: DemoBackend Settings.

 

Mid Header 12: See screenshot: DemoBackend Settings.

 
 

Mid Header 2: See screenshot: DemoBackend Settings.

 

Header Right Home 12: See screenshot: DemoBackend Settings.

header

 

Header Style 13 includes elements:

 

Top Header 13: See screenshot: DemoBackend Settings.

 

Custom HTML 1:

<div id="lang_sel">
	<ul class="nav">
		<li>
			<a class="lang_sel_sel icl-en" href="#">
				<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" width="18" height="12"/>
				 English
			</a>
			<ul>
				<li class="icl-en">
					<a href="[get_url]&amp;direction=ltr">
						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" width="18" height="12"/>
						 English
					</a>
				</li>
				<li class="icl-ar">
					<a href="[get_url]&amp;direction=rtl">
						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" width="18" height="12"/>
						Arabic
					</a>
				</li>
			</ul>
		</li>
	</ul>
</div>

Custom HTML 2:

<ul class="phone-add">
	<li><i class="fa fa-phone"></i><a href="tel:+134 555 666">+134 555 666</a></li>
	<li><i class="fa fa-paper-plane"></i><a href="mailto:contact@wpthemego.com">contact@wpthemego.com</a></li>
</ul>

 

Custom HTML 3:

<div class="socials-header">
<ul>
<li><a href="https://www.facebook.com/wpthemego" title="Face Book"><span class="fa fa-facebook"></span></a></li>
<li><a href="https://twitter.com/wpthemego" title="Twitter"><span class="fa fa-twitter"></span></a></li>
<li><a href="https://www.pinterest.com/wpthemego/" title="pinterest"><span class="fa fa-pinterest"></span></a></li>
<li><a href="#" title="Instagram"><span class="fa fa-instagram"></span></a></li>
<li><a href="https://plus.google.com/u/0/117616422700848151321" title="Google Plus"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

 

Bottom Header: See screenshot: DemoBackend Settings.

header

 

Header Style 14 includes elements:

 

Top Header 14: See screenshot: DemoBackend Settings.

 

Custom HTML 1:

<div class="socials-header">
<ul>
<li><a href="https://www.facebook.com/wpthemego" title="Face Book"><span class="fa fa-facebook"></span></a></li>
<li><a href="https://twitter.com/wpthemego" title="Twitter"><span class="fa fa-twitter"></span></a></li>
<li><a href="https://www.pinterest.com/wpthemego/" title="pinterest"><span class="fa fa-pinterest"></span></a></li>
<li><a href="#" title="Instagram"><span class="fa fa-instagram"></span></a></li>
<li><a href="https://plus.google.com/u/0/117616422700848151321" title="Google Plus"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>

 

Custom HTML 2:

<div id="lang_sel">
	<ul class="nav">
		<li>
			<a class="lang_sel_sel icl-en" href="#">
				<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" width="18" height="12"/>
				 English
			</a>
			<ul>
				<li class="icl-en">
					<a href="[get_url]&amp;direction=ltr">
						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" width="18" height="12"/>
						 English
					</a>
				</li>
				<li class="icl-ar">
					<a href="[get_url]&amp;direction=rtl">
						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" width="18" height="12"/>
						Arabic
					</a>
				</li>
			</ul>
		</li>
	</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

 

Mid Header 12: See screenshot: DemoBackend Settings.

 

Custom HTML:

 

<div class="wishlist"><a href="https://wpthemego.com/document/?page_id=8" title="View my Wishlist"><i class="fa fa-heart"></i> My Wishlist</a></div>

 

header

 

Header Style 15 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Custom HTML:

Default welcome msg! Join Free or Sign in

 

Custom HTML:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

 

Mid Header: See screenshot: DemoBackend Settings.

 

Contact Header: See screenshot: DemoBackend Settings.

 

<div class="contact-us"><span class="text">call us now:</span> <span class="phone">0123-444-666</span>
Email:<a href="mailto:contact@revo.com"> contact@revo.com</a></div>

header

 

Header Style 16 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

header

 

Header Style 17 includes elements:

 

Bottom Header: See screenshot: DemoBackend Settings.

 

Widget Search: See screenshot: DemoBackend Settings.

header

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 2:

<div class="header-messages">
Customer Service: <a href="mailto:magentech@services.com">magentech@services.com</a>
</div>

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

 
 

Mid Header: See screenshot: DemoBackend Settings.

header

 

Header Style 19 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.

header

 

Header Style 20 includes elements:

 

Top Header: See screenshot: DemoBackend Settings.

 

Text 1:

<div id="lang_sel">
<ul class="nav">
<li><a class="lang_sel_sel icl-en" href="#">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a>
<ul>
<li class="icl-en"><a href="[get_url]&amp;direction=ltr">
<img class="iclflag" title="English" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/en.png" alt="en" width="18" height="12" />
English
</a></li>
<li class="icl-ar"><a href="[get_url]&amp;direction=rtl">
<img class="iclflag" title="Arabic" src="https://wpthemego.com/document/wp-content/themes/revo/assets/img/ar.png" alt="ar" width="18" height="12" />
Arabic
</a></li>
</ul>
</li>
</ul>
</div>

 

Widget Search: See screenshot: DemoBackend Settings.


 

 

Revo Footer

There are 03 Footer Styles in this theme. They are:

 

Info To choose Footer style you want, you can go to Appearance > Theme Options > Header & Footer and choose it. You also need to create or configure the footer elements in Pages > All Pages > Footer Style x for the Footer Style you choose.

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

free delivery

From 275 AED

cash on delivery

From 275 AED

free gift box

& gift note

contact us

123 456 789

Loyalty

Rewarded

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

What does innovation mean to you ? Click here to see what it means to us

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder:

 

footer
 

See screenshot: Backend Settings

 

You can add the text below with Classic Mode then Edit with WPBakery Page Builder: