Clenix | Responsive WordPress Theme Documentation

1| Requirements

You need at least WordPress version 5.0+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of Wordpress to ensure all known bugs and security issues are fixed. Other requirements:

2| 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:

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

After that you need to install and activate the following pre-packaged plugins:

  1. Clenix Core: Required and must install plugin.
  2. RT Framework: Required and must install plugin.
  3. Redux Framework: Required and must install plugin.
  4. RT Demo Importer: Required if you want to import demo contents. You can deactivate it after demo is imported.
  5. Elementor: Recommended. Page builder plugin.
  6. Contact Form 7: Optional. Install if you want to use contact form.
  7. YITH WooCommerce Quick View: Optional. Install if you want quickview icon over products.
  8. YITH WooCommerce Wishlist: Optional. Install if you want wishlist icon over products.

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

To install these plugins, navigate to Appearance -> Install Plugins and start installation.

3| Importing Demo contents

Want to build your site like the demo? You can do it by only one click!

** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this in fresh site. **

First please make sure that Clenix Parent Theme is activated on your site.

From Admin menu, navigate to Tools -> Demo Content Install. Or alternatively, navigate to Plugins -> RT Demo Importer -> Install Demo Contents.

In this page, Click on the Install button for installing the demo.

It will take some time for importing the demo contents. Please note: Some images are replaced with a placeholder image because of licensing.

After importing demo data, please update your permalink. To update permalink, navigate to Settings -> Permalink and then click on Save Settings button.

If you face any issue, check the Troubleshooting section from here.

3.2| Manual Import

We have provided some sample contents inside "sample-data" directory which comes with your theme package. You have to import those contents.

4.1| Sitewise Colors

From Admin menu, navigate to Appearance -> Clenix Options. Then go to General tab.

Choose your preferred primary and secondary color from the color palette.

After changing the settings, Click on Save Changes button.

4.3| Preloader

From Admin menu, navigate to Appearance -> Clenix Options. Then go to General tab

Here you can find the option for enabling/disabling "Preloader" option. Also you can upload your custom preloader image. When uploading image, make sure it's a transparent GIF image.

After changing the settings, Click on Save Changes button.

4.4| Back to Top Arrow

From Admin menu, navigate to Appearance -> Clenix Options. Then go to General tab

Here you can find the option for enabling/disabling "Back to Top Arrow" option. Choose your preferred option

After changing the settings, Click on Save Changes button.

4.5| Alternave Preview image

From Admin menu, navigate to Appearance -> Clenix Options. Then go to General tab

Also you can upload an alternave preview image which will be used as featured image when no fetured image exists. To do this, go to Appearance -> Clenix Options. Then go to General tab. It'll look like this:

After changing the settings, Click on Save Changes button.

4.7| TopBar

To change the Topbar related settings, please go to Appearance -> Clenix Options. Then go to Header tab. Following features are available:

After changing the settings, Click on Save Changes button.

4.9| Multi Column Menu

Multi column menu looks like this:

To make any menu item multi column, you have to add some specific classes in the parent menu item. Here's an example:

Here I used css class mega-menu which turns the submenu items into multi column. Also i used another class hide-header which hides the title "Column 1" and "Column 2" inside menu.

NB: If you can't see the field "CSS Classes", you have to enable it first. To do this, go to the top and follow this screenshot below: