Consal - Documentation

Introduction

Thank you for purchasing Consal - Corporate business agency wordpress theme! In this document you will find information on how to install, manage and update your theme, as well as create content, install plugins, import Demo data etc. If you have any questions that are beyond the scope of this help file, please feel free to contact us via Support link. We will do our best to answer you in shortest of time.


Note: All images are just used for Preview Purpose Only. They are not part of the theme and NOT included in the final purchase files.


Need Support?

We are always happy to help and we value our customers. All our files come with User Manual prepared specifically for each product – these help files are located inside your download packages.


Support for our items includes:
  • Responding to questions or problems regarding the item and its features
  • Fixing bugs and reported issues
  • Providing updates to ensure compatibility with new software versions

Item support does not include:
  • Customization and installation services
  • Support for third party software and plugins

Support requests are processed on business days from 8:00 to 20:00 (GMT + 5.30 ) within 24hrs (usually less) in the order they were received. Support request sent during weekends/holidays will be processed on Monday or the next business day.


If you have any questions regarding to theme issues, please send us support request here.


You Need Installation or Customization Services?

If you need help Installation, Website/Theme Customization or Development, Add Specific Functionality, Back-end Custom Work, Front-end Custom Work, Custom Theme/Plugin Development, Theme & Plugin Updates and Testing & Bug Fixing, Please send us request HERE with your requirement. Our expert technical team will help you with some fees.

WordPress Information

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.

Recommended PHP Configuration Limits

Many issues that you may run into such as; white screen, demo content fails when importing, empty page content, max execution time error, memory limit error, upload max filesize error and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time = 600
  • memory_limit = 256M
  • post_max_size = 32M
  • upload_max_filesize = 32M
  • max_input_time = 300

Download Theme Package

To download, you need to log into your ThemeForest account and go to your download page. Locate the theme that you purchased in your Downloads list and click on the Download button

  1. All files & documentation : contains documentation, licenses, theme package, child theme package etc. So if you select this option, you need to extract the downloaded package and install the theme package inside.
  2. Installation WordPress file only : contains only the theme package
  3. License certificate & purchase code (PDF) : contains only the theme package
  4. License certificate & purchase code (text) : contains your license information in a text file

Theme Installation

After you download the package from ThemeForest, please unzip it. You'll see a file called consal.zip, which is the main file needed to upload and install.

The theme files can be uploaded in two ways:

  1. Install via WordPress
  2. Install via FTP

1) Install via WordPress

  1. Login to your WordPress Dashboard.
  2. Navigate to Appearance > Themes
  3. Click Add New button on top of the page.
  4. Then click Upload Theme
  5. Browse to the consal.zip file and click Install now for the theme to be uploaded and installed.
  6. After done installing, click Activate the theme

2) Install via FTP

  1. Using an FTP client (like FileZilla), connect to your server/hosting and navigate to your WordPress installation.
  2. Navigate to /wp-content/themes/ folder and upload the theme folder there (you need to unzip the theme consal.zip package first).
  3. Locate your WordPress installation and upload the theme directory consal (you unzipped in the previous step) into ../wp-content/themes/ in your WordPress installation.
  4. Log in to your WP Admin Dashboard and go to Appearance > Themes
  5. You will now see Consal listed among the other themes. Just activate it!
After installing and activate the Consal theme, you'll see a notification in the top of the page that says the theme needs some plugins to function properly.Please, follow the steps below to install required plugins.
  1. Click on the Begin activating plugins links Or Go to Appearance > Install Plugins.
  2. Select all plugins that you wish to install (Selecting all of them is recommended).
  3. Change Bulk Actions drop down to Install then click Apply in order to install the selected Plugins.
  4. After all plugin Installed then click on below Return to Required Plugins Installer link.
  5. Select again all plugins and Change Bulk Actions drop to Active then click Apply order to active the selected plugins..

Import Demo Content

  1. Login to your WordPress dashboard.

  2. Go to Appearance > Demo Import.

  3. Choose demo as you want to import.

Translation Theme

The easiest way to translate our theme and plugin in your language is by using the Loco Translate WordPress plugin. To use loco translate plugin, please see the steps below:

Notice: If you translate complete our theme in your language, You must be need to translate our theme(Consal) and our theme's plugin(Consal Extensions)

1) Translate Theme(Consal)

  1. Install Loco Translate WordPress plugin.
  2. Go to Loco Translate > Themes and click consal theme.

  3. Click New Language link.

  4. Choose your language and choose a location is in languages/themes/. We recommend you don’t choose a location is in themes/consal/languages/, because after you update the theme all your custom files will be lost.

  5. Click Source Text and enter the text you want to translate in French translation.
  6. Click Save button.

  7. Note: To update your language file when you updated the theme, you only click Sync button.

2) Translate plugin(Consal Core)

  1. Install Loco Translate WordPress plugin.
  2. Go to Loco Translate > plugin and click consal-core.

  3. Click New Language link.

  4. Choose your language and choose a location is in languages/themes/. We recommend you don’t choose a location is in themes/consal/languages/, because after you update the theme all your custom files will be lost.

  5. Click Source Text and enter the text you want to translate in French translation.
  6. Click Save button.

  7. Note: To update your language file when you updated the theme, you only click Sync button.

3) Use WPML with Consal

Consal theme is fully compatible with WPML plugin, the most famous plugin for building multilingual websites. Below you will find documentation for using WPML plugin with consal. If you’ve purchased WPML and have any questions or issues, please check the links below.

  • WPML Plugin - The highly recommended plugin to manage multi-lingual sites
  • WPML Forum Support - If you bought WPML then you get free support from their amazing team
  • Translating Widgets -Tutorial recommended by wpml team for translating widgets

Translate With WPML

Consal theme fully compatible with WPML plugin. WPML makes it easy to translate your whole site in minutes.You can automatically translate your entire site using the Translate Everything mode. With this setting, WPML will automatically translate your content as you publish or update it. Translations can then be reviewed on the front-end and edited by the user (or local translator) if needed.


Installing WPML

The first time you use WPML, you can manually install it using the OTGS Installer plugin. This also allows you to register WPML so you can receive automated updates to future versions.

Learn more : WPML installation guide

Please install following WPML components.

  1. WPML Multilingual CMS
  2. String Translation
  3. Translation Management
  4. Media Translation
  5. WooCommerce Multilingual

WPML Setup Wizard

When you first activate WPML a setup wizard will help you specify the essential settings you need to prepare your site for multilingual content.

Follow the wizard to:

  1. Choose your site’s languages
  2. Choose your URL format
  3. Register WPML
  4. Choose your translation mode (see the next section for more details)

Translation Mode Options in WPML

You have two options for translating your site: Translate Everything or Translate Some. The WPML setup wizard will try to choose the best option for you depending on how much content is on your site.


Translate Everything

When you select the Translate Everything mode, it automatically translates all your site’s content in minutes.

This feature works for the following types of content:

  1. Pages
  2. Posts
  3. Taxonomy terms that are assigned to posts or pages
  4. WooCommerce products
  5. And also work with custom post types, custom taxonomies

Learn More: WPML’s automatic translation. options.


Translate Some

If you don’t want to translate your whole site or would prefer to hire translators to work on your site, this option gives you more control over what you translate and who will translate it.

After selecting this translation mode, go to the WPML => Translation Management page and select content to translate.


Translating Yourself

If you want to translate your site your self, Then you can translate your posts and pages by clicking the plus and pencil icons.

When you or a local translator click to translate the content, you’re taken to WPML’s Advanced Translation Editor. It’s a professional-grade translation tool with features like one-click automatic translation, glossary, spell-checker, and more.

Learn more: About WPML’s Advanced Translation Editor.

Updating the theme

If you updating Consal theme, Please following below step and update Consal theme and this step is very easy and simple:

Notice:After updating the theme, Your content will not be lost. However, any customizations to the theme’s core files, such as PHP files, language files will be lost. So you need to the child theme to customize the theme and backup the language file if you translated the theme.

1) Theme Update Automatically


You can update the theme automatically by following this link-- https://envato.com/market-plugin/


2.Manual Update Via WordPress

  1. First Download Latest Installable theme from here.
  2. Login to your WordPress Dashboard.
  3. Go to Appearance > Themes
  4. Click Add New button on top of the page.
  5. Then click Upload Theme
  6. Upload the file you’ve downloaded from ThemeForest in step 1 and click Install Now
  7. After done installing, click Replace current with uploaded button
  8. That's It.

3.Manual Update Via FTP

  1. First Download Latest Installable theme from here Then extract it to your computer..
  2. Access your server via FTP or SFTP
  3. Browse to wp-content/themes/
  4. Delete the current theme folder (folder "consal") then upload the new one downloaded in step 1. (Don't forgot to upload unzip folder.)

Plugin Update

You can update plugin like 'Slider Revolution' and others by following these steps--:

Notice: If you translated plugins and the language files are in plugins/your-plugin-name/languages/ (For example, plugins/consal-code/languages), you need to upload them to wp-content/languages/plugins/. If not, after updating plugins, your translated language files will be lost.

  1. Login to your wp-admin
  2. Go to Plugins > Installed Plugins
  3. Now, delete those plugins which you want to update. For example, if you want to update 'Slider Revolution' plugins, then delete those plugins first.
  4. After deleting, you will get a notice to install those plugins again.
  5. Now install and activate those plugins. After installing, plugins will be updated automatically.

Child Theme

A WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme.

 

Consal is fully child theme compatible. We have attached a basic child theme(consal-child.zip) to the download package which contains the minimum of required files. If you are planing any code customizations we highly recommend to do this inside the child theme! Learn more about child themes here.

 

1) What is a Child Theme?

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. Child themes allow you to modify or add to the functionality of the existing parent theme.

 

2) Why use a Child Theme?

Always use a Child Theme when modifying any theme files. This way you make sure a theme update will not wipe out any changes you have made to the files.

There are a few reasons why you would want to use a child theme: If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.

Speed Optimization

 

What can make your site slower?

1. Plugins:

When you have a number of plugins active on your site, it can slow down your site. Deactivate all the plugins except the ones included within the theme and clear the browser cache. Then, you can activate your plugins one by one and check to see which plugin is slowing your site.


2. Images:

Images are a key factor in optimizing a website. It is important to optimize your images for your website. Images with large size can slow down your site. Do not upload images in large size. For instance, if your weblog is created by images with the size 800*600, you should upload an image with the same size and not bigger.


3. Host:

Your host or sever can be a reason of your site low speed. If you are using VPS for your hosting, it can be because of bad configurations and low resources. If you are using shared hosting, you need to contact your host provider in this regard so they can check it.


4. JS and CSS Files:

You should use a cache plugin. These plugins minify your files and combine them and stores a version of the file in cache in order to reduce your server requests and as a result, it will boost your site speed.

 

How To Improve Site Speed ?

1. Image Optimize:

You can compress images from CompressJPEG/TinyPNG website. Visit https://compressjpeg.com Or https://tinypng.com/ and compress all images before uploading them on your website. By this process, you can decrease your website loading time and provide your visitors, a better experience.


2 .htaccess Code For Better Website Speed:

If you familiar with .htaccess, you can go to the root foldef of your WordPress installation. Find .htaccess file and open it.Insert following code.

AddType application/x-font-woff .woff
AddType application/font-woff2 .woff2
AddType application/vnd.ms-fontobject .eot
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-woff
  AddOutputFilterByType DEFLATE application/font-woff2
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/opentype

# For Olders Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

<ifModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
  mod_gzip_item_exclude mime ^image/.* 
  mod_gzip_item_include handler ^cgi-script$
</ifModule>

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
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 3 month"
ExpiresByType application/pdf "access plus 3 month"
ExpiresByType text/x-javascript "access plus 3 month"
ExpiresByType application/x-shockwave-flash "access plus 3 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 3 month"
</IfModule>
## EXPIRES CACHING ##
<ifModule mod_headers.c>
    Header set Connection keep-alive
</ifModule>
<IfModule mod_header.c>
  # 3 Month
  <FilesMatch "\.(flv|gif|jpg|jpeg|png|ico|swf)$">
    Header set Cache-Control "max-age=7257600"
  </FilesMatch>
  # 1 Week
  <FilesMatch "\.(js|css|pdf|txt)$">
    Header set Cache-Control "max-age=604800"
  </FilesMatch>
  # 10 Minutes
  <FilesMatch "\.(html|htm)$">
    Header set Cache-Control "max-age=600"
  </FilesMatch>
  # NONE
  <FilesMatch "\.(pl|php|cgi|spl)$">
    Header unset Cache-Control
    Header unset Expires
    Header unset Last-Modified
    FileETag None
    Header unset Pragma
  </FilesMatch>	
</IfModule>
# END WordPress

(Note: Please don't replace any code that already exists on the .htaccess file. It may have serious implications on your website.)

 

3. We recommend use follow plugins to boost your site performance..
  • WP Rocket
  • Autoptimize
  • WP Super Cache

Home Page Setting

Please go through the following points to learn how to set home page:

  1. Login to your wp-admin
  2. Navigate to "Settings > Reading".
  3. Your homepage displays: Select a static page .
  4. Homepage : Select home page from dropdown list.
  5. Then Click on Save button

Create Page

Please go through the following points to learn how to create page:

  1. Login to your wp-admin and navigate to page.
  2. Go to add new page.
  3. Enter page title
  4. Upload feature image.
  5. Select page meta options.
  6. Select page layout.(Elementor Full Width, Full Page, Left Sidebar,Right Sidebar)
  7. Click on publish button for publish page.

Page Title Background Image

Please go through the following points to learn how to set page title background image:

  1. Login to your wp-admin.
  2. Go to Page and edit page which you want to set/edit page title image .
  3. Scroll down to the Page Info options
  4. Use "Breadcrumb Background" options for Page Title Background Image
  5. Use "Is it invisible breadcrumb?" options for off the Page Title Section
  6. Use "Hide Breadcrumb Background Image" options for off the Page Title Background Image

Create Post

Please go through the following points to learn how to create post:

  1. Login to your wp-admin and navigate to posts.
  2. Go to add new post.
  3. Enter post title.
  4. Select post format.
  5. Select post categories.
  6. Insert post tag.
  7. Upload post feature image.
  8. Select post meta options.
  9. Enter post experts.
  10. Click on publish to publish post.

Add Widgets To Sidebar

  1. Login to the WordPress Dashboard.
  2. Navigate Appearance > Widgets.

Widgets List

Consal comes with some custom widgets. See below list of widgets.

Recent Posts

This widget allows you to display recent posts.

Favicon Icon

To upload favicon icon, Please go to Appearance > Customize > Site Identity. From there you can upload site favicon icon.

Theme Options

Theme Options located in WP Dashboard → Consal → Theme Options includes all global options that affect your entire website. These options can be overwritten by page options of any custom page.

General

This section contain the following options:

  1. Theme Layout : Select your site layout wide, full or box.
  2. Container Width : Enter site container width.
  3. Grid Gap : Select Grid gap here.
  4. Logo : Upload your site logo.
  5. Logo Light Version : Upload an alternative light logo that will be used on dark and transparent header.
  6. Logo Width : Set your logo width.
  7. Mobile Header Logo : Upload mobile header logo.
  8. Mobile Header Logo Width : set mobile logo width.

Site Preloader

This section contain the following options:

  1. Site Preloader : Enable/disable preloader on your website.
  2. Preloader Background : Set preloader background color.
  3. Preloader Image : Set preloader type as per your need.
  4. Choose Preloader Style : Choose preloader style.At this moment we have 5 styles.
  5. Upload Preloader Image : Upload preloader image.It will be show when you select preloader image as custom option.

Back To Top Button

This section contain the following options:

  1. Button : Enable/disable back to top button.
  2. Button In Mobile : Enable/disable back to top button in mobile device.

Promo Bar

This section contain the following options:

  1. Promo Bar : Enable/disable Promo Bar.
  2. Height : Set promo bar height.
  3. Position : Select location for promo bar.
  4. Position Type : Select position type for promo bar.
  5. Message : Enter promo message.
  6. Button : Enable link button in promo bar.
  7. Button Text : The text of the more info button.
  8. Enter Url : The text of the more info button.
  9. Open link in New Tab : Select the link target for more info page.
  10. Close Button : Enable close button.
  11. Promo Bar Dismissing : Enable/Disable promo bar dismissing on button close.

Lazy Load Images

This section contain the following options:

  1. Lazy Load Images : Enables lazy load to reduce page requests.

Elements

Elementor Page Builder will help you manage your content at the WordPress sites and build any layout you can imagine in a few minutes without coding. You can read Elementor Documentation to get more details.

In Consal, we also create some new elements that will help you build your website a lot easier.

Elementor Settings

Enable elementor page builder for specific post type.

Widgets

1. How to find purchase code?

Note : Without purchase code you can't import our demo content.

  • Log into your Envato Market account.
  • Hover the mouse over your username at the top of the screen.
  • Click ‘Downloads’ from the drop-down menu.
  • Click ‘License certificate & purchase code’ (available as PDF or text file).

For more detail Click Here


2. Theme is missing the style.css stylesheet error

That's a common issue caused by not uploading the correct zip file. Go back to http://themeforest.net/downloads and when clicking the Download button, choose the "Installable WordPress file only". And upload this zip file.


3. Are you sure you want to do this?

After browsing for your theme and clicking the "Install Now" button, it’s possible your WordPress installation will ask "Are you sure you want to do this?" This could be due to the fact that you are trying to install the wrong zip file (remember – you want the "Installable WordPress file only") or it’s possible the upload limit on your server isn’t large enough.You'll need to contact your hosting company to have them increase upload_max_filesize value up to 32MB, or you may install the Theme via FTP.


4. 500 Internal Server Error

Please extend below php configuration of our theme requirement in php.ini or Contact your host provider support team and extend below detail.

  • max_execution_time = 600
  • memory_limit = 256M
  • post_max_size = 32M
  • upload_max_filesize = 32M
  • max_input_time = 300

5. White Screen Of Death or PHP Error Notice

A "white screen of death" happens when there is a PHP error on the site but WP_Debug isn’t enabled on the server. So the first thing to do would be to enable WP_Debug so you can read what the actual error is and thus fix the problem.


6. How to show Registration Form on My Account page?

Please go Woocommerce > Settings on admin sidebar.

Please go Accounts section.

Please check Enable registration on the "My Account" page in Registration Options.


7. How to setup Language Switcher and Currency Switcher?

You can show wpml language switcher or wpml currency switcher.

You should enable Show WPML Language Switcher and Show WPML Currency Switcher options in Consal > Theme Options > Header.

Before enable these options, you should install WPML and WooCommerce Multilingual - run WooCommerce with WPML plugins.

You should configure wpml language switcher in WPML > Languages > Language switcher options. You can see here for more details.

You should configure wpml currency switcher in WPML > WooCommerce Multilingual > Manage Currencies. You can see here for more details.


8. How to update Revolution Slider And Consal Extensions Plugins?

Important: Before update this plugin, you should delete this plugin in Plugins on admin sidebar.

  • Please go Plugins on admin sidebar.
  • Please select these plugins.
  • Please deactivate these plugins.
  • Please select these plugins.
  • Please delete these plugins.
  • Please go Appearance > Install Plugins on admin sidebar.
  • Please select these plugins.
  • Please install these plugins.
  • Please activate these plugins.

9. Outdated WooCommerce Templates

In case you're seeing a notification in your administration dashboard saying the theme includes some outdated WooCommerce templates, it means you've recently updated WooCommerce but haven't updated the theme yet.

Updating the theme to its latest version will fix the outdated templates.


10. Demo Content Duplicated

When you import our demo content, it can take several minutes depending on the speed of your server. Each time the button is clicked it will import the content, so if it is clicked twice it will import everything two times. There are two ways to get rid of duplicate content.

Method 1: WP Reset Plugin – This plugin is the fastest way to get rid of content. However, it will remove all content from your database and leave the default theme activated. It does not remove plugins, but will deactivate them and remove all pages, posts, menus, sliders, widget data, etc. Basically it removes all the content that you imported from our theme. Only do this if you are able to start over. Click Here To Download.

Method 2: Manual Removal – This method will take longer and simply involves manually removing duplicate items. For example, go to the Appearance > Menu and delete and duplicate items one by one. Same thing for pages, post, sliders, etc.


11.How to create tracking order page?

Create new page and put [woocommerce_order_tracking] shortcode in page. After then you can configure that page in Consal => Theme Options => Shop. There you can set Order Tracking Page.

Thank you for purchasing our theme

If you have any questions that are beyond the scope of this documentation. Please feel free here.

Thanks so much!