Introduction

Thank you for purchasing one of our Theme Psycons WordPress. We are pleased that you have chosen Psycons for your website. You will find your answers from this documentation and it provide you with clearer details that you need to know to use Psycons Theme. If you have any questions concerning our products, please contact us on our Support Forum or directly from our themeforest account.

License

Standard Licenses

The majority of our items (themes, code, graphics, 3D and flash) are covered by our Standard Licenses. If your end product including the item is going to be free to the end user then a Regular License is what you need. An Extended License is required if the end user must pay to use the end product.

	Regular view full license	Extended view full license
Number of end products	1	1
Use in a single end product	Yes	Yes
Use in a free end product (more than one end user allowed)	Yes	Yes
Use in an end product that's sold	No	Yes
On-demand products/services (e.g. "made to order" or "create your own" apps and sites)	One license per each customized end product	No
Use in stock items/templates (See FAQ for more details)	No	No

For more information regarding license regulations and policies, see the links below:

Images

All images are just used for Demo Purpose Only. They are not part of the template and NOT included in the final purchase files.

Plug-ins

Includes a number of powerful plugins such as Elementor, Contact Form 7, MailChimp, Slider Revolution. That remains your website works perfectly and stably. Every ZOZOTHEMES download includes the free premium plugin, offering significant savings. So On every theme version update release you will get updated Plugin files.

Free premium plugins:

Slider Revolution

Plugins compatible:

Woocommerce
Elementor
Contact Form 7
Advanced Popups
MC4WP: Mailchimp for WordPress
Slider Revolution
The Events Calendar
Cookie Information
WooCommerce Wishlist
Yith plugins
loco translate
WPML Plugin Integration
Polylang
SEO Optimized (compatible with SEO Plugins like Yoast)
Compatible with many cache plugins such as W3 Total Cache & WP Super Cache
And many more...

Help and Support

All of Our Themes come with 6 months of included support and free lifetime updates for your Theme.Once the 6 months of included support is up, you have the opportunity to extend support coverage up to 6 or 12 months further. We have an advanced, secure ticket system to handle your requests. All of our items come with free support. Feel free to post them on our Support Ticket center. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 9am to 7pm (IST), from Monday till Saturday. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for third-party plugins.

Item Support Includes:

Answering questions about how to use the item.
Answering technical questions about the item.
Help with defects in the item.
Item updates to ensure ongoing compatibility and to resolve security vulnerabilities.

Not Included in Item Support:

Theme customization and requests that require or involve custom coding.
Installation of the item.
Hosting, server environment, or software.
Support for compatibility with 3rd party plug-ins.
Support for out-dated or modified themes.

Articles

For more information regarding the theme's functionality, we suggest checking our Articles.

Installation

WordPress Information

If you are new to WordPress, there is a step-by-step plan for getting started. Plenty of options for assistance are listed in this article. If you need help installing WordPress, below are all the useful links for WordPress information.

WordPress Codex - You can find the General information about WordPress and how to install wordpress on your server.
Instructional Video - This video will shows the clear idea about the installation.
First Steps With WordPress - You can find the steps to make your new site your own.
FAQ New To WordPress - You can find the top results for the Wordpress.

Theme Requirements

You need some requirements to install and use the Psycons theme.

max_execution_time 300
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
max_input_vars 2000

please use Strong passwords and the latest version of WordPress and all plug-ins keep updated.

Theme Installation

Unpacking the theme

When you download the theme from Themeforest, you will get an archive file in .zip extension. You need to unzip that archive file. The psycons.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following steps that how to install psycons.

In our theme package contains the main theme, child theme and documentation and demo contents too.

In order to install the theme, you need to have a working version of WordPress installed on your server first. Check out this guide.

Login to your WordPress Dashboard.
Navigate to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme
Click on Upload Theme button at the top of the screen.
Choose psycons.zip.
Active the theme after it is completely uploaded. To active Go to Appearance > Themes and activate the installed theme.
After activating the theme a notice should appear on the top of the screen, click on begin installing plugin and install the Plugins given in this theme.

There are 2 ways to install the theme:

Via FTP:
1. Log into your web server with FTP client software.
2. Unzip the psycons.zip file and ONLY use the extracted /psycons theme folder.
3. Upload the extracted psycons theme folder into /wp-content/themes.
4. Navigate to the Appearance > Themes tab and activate the theme.
Via WordPress admin panel:
1. Log into the WordPress admin panel.
2. Navigate to Appearance > Themes and click on Add New and Upload Theme.
3. Select the psycons.zip folder and click Install Now button.
4. After the successful installation, click on Activate or navigate to the Appearance > Themes and click onActivate button to activate the newly installed theme.
5. Install and activate psycons Core plug-in.

Attention! If you need to make changes in theme’s templates, styles or functions, we recommend install a child theme and activate before demo data import. Please see the Child Theme section for more information.

Plug-ins Installation

Below is the list of the plug-ins that come included into the theme.
All these plug-ins can also be installed from the WordPress.org repository and from Theme plugins.

Contact Form 7
Slider Revolution(required)
psycons Core (required)
WooCommerce
Elementor Page Builder (required)
Classic Elementor Addons Pro (required)

To make the site look exactly as on the Our demo, you must need to install all of the recommended plug-ins:

After the installation/activation of psycons theme, Go to Wordpress Dashboard >> Psycons >> Theme plugins here you can install all of our recommended plugins.
After the Installation Activate the all plugins.

Page Builder

All existing demo pages and layouts are built using Elementor Page Builder and should be customized using Elementor Page Builder only.

PLEASE NOTE! We recommend Please use one page builder for per page or post.

Child Theme

A child theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality. To understand how child themes work it is first important to understand the relationship between parent and child themes.https://developer.wordpress.org/themes/advanced-topics/child-themes/

IMPORTANT! Install the child theme before importing the demo data. Otherwise, all of your theme options will be reset.

A child theme is installed the same way you install a parent theme. Locate the psycons-child.zip file in the theme package and upload it via the WordPress admin panel. or you can unzip it and upload via FTP (see main theme installation.

Using a Child Theme

So here you can modify default funtions with funtions.php and overwrite style CSS with style.css

Demo Importer

This allows you to quickly set up your theme with One Click. We have also included the exported XML file with our demo, The XML file will give you all of our demo pages..

Install & Activate all required Plugins before the demo import.

In order to import the demo go to Theme Panel (WP Dashboard) > psycons > Demo Importer.

Whole Demo Site Content

Demo import will enable you to import all media files, pages, theme options, and plug-in settings.

In case demo data installation is stuck, you can manually install it by downloading the demo.zip archive from theme package and extract it in your Theme's folder root directory. If the issue persists, please contact your hosting service provider to make sure that your server configuration meets the Theme Requirements. Otherwise, please refer your request to our support center.

Only Pages, Forms & Sliders

When choosing the partial demo data import, the new content will be added to your existing data. Although this will not overwrite your existing content, we still recommend backing up your website before doing this.

How to Demo Import by Manual?

Step-1

Theme Installation: Admin Dashboard –>> Appearance –>> Themes –>> Just activate our theme.
Theme Name: psycons
Plugin Installation: Admin Dashboard –>> psycons –>> Theme Plugins –>> Install and Activate All required plugins.
Plugins –>> Add New –>> Plugin name is “Widget Importer and Exporter” have to install and activate this plugin. https://wordpress.org/plugins/widget-importer-exporter/
Manual Import Files: All files you get from Envato market, click and download like the below image.

1. theme.xml
2. widgets.wie
3. theme-options.json
4. custom-sidebars.json

Step-2

Theme Options Import:

Just open theme-options.json file and copy text and paste to
WP Dashboard > Psycons > Theme options > Import/Export > Import > paste > Click import. Save theme options.

Step-3

XML Import:

Ready to all import files.
In admin dashboard You can find Tools > import > WordPress > Run importer > Choose upload theme.xml file and to import.

1. Import author: technology (technology).
2. Import author: zozothemes (zozo_newser_user).

After, here you can choose your username and both are same.
All are must have like the below images.
Click the Submit button.

Step-4

Create Custom Sidebars:
You can edit the custom-sidebars.json file with any text editors( ex: notepad, notepad++ and sublime editors).
Admin Dashboard –>> Psycons –>> Custom Sidebars –>> Add Sidebar( Here you can create your custom sidebars).
You can create one after another.

Follow the below images:

Widgets Import:
For widget import plugin:
In admin dashboard You can find Tools > Widget Importer and Exporter Settings >> Import Widgets and Choose file with (.wie format) and import your widgets.
Now files are imported, you need to set up some settings by manual(menus and front page).
Menus Settings:
Step1: Select a menu to edit: “Primary Menu”.

In admin dashboard >> Appearance >> Menus >> You must select the “Primary Menu” like the below image.

Choose Your Front Page:

In admin dashboard >> Settings >> Reading >> Reading Settings >> A static page (select below) >> Home Page (Select your home page).

Custom Fonts

WP Dashboard >> Psycons >> Custom Fonts
Choose File & Upload your Font
Custom fonts should be in this following format. .eot, .otf, .svg, .ttf, .wof.
The folder name and font name are should be the same. but the font name should be like a slug.
Eg: Font folder name is – 28 Days Later font name like 28-days-later.eot, 28-days-later.otf …

Theme Update

You can update the theme in two ways are following

Update Option 1. Update using WordPress uploader

Log into your ThemeForest account and navigate to Downloads tab. Find the theme and download Installable WordPress file only.
Log into your WordPress website and go to Appearance > Themes.
Activate a default WordPress theme. Delete the older version of your theme and re-upload the new WordPress Installable files that you have downloaded from ThemeForest during the 1st step.
Once it is uploaded, activate the theme.

IMPORTANT! If you're using a child theme, do not activate the newly uploaded parent theme. Activate your old child theme instead. Otherwise, all the child theme customizations will be lost.
Update (if necessary!) the included plug-ins, if you see a notification message prompting about a newer version.

Navigate to WP Dashboard > Plugins > Installed Plugins.
Deactivate and delete the rest plug-in(s) of old version.
Go to (psycons)WordPress Dashboard > Plugins and demo and install the plug-in(s) like it was described in the Plugins Installation section of this documentation.

Update Option 2. Update using FTP client

Log into your ThemeForest account and get the last version of the theme as described above.
Connect to your server using desktop client software (we recommend Filezilla and FlashFXP.
Change directory to /wp-content/themes.
Remove/rename existing folder with old theme files.
Unpack theme installable files downloaded from ThemeForest and upload them to the themes folder.
Update (if necessary!) the included plug-ins in the way described above, if you see a notification message prompting about a newer version.

Theme Option

General

Our Theme has an advanced Theme Options Settings that control the appearance and behavior of the whole website. WP dashboard > Psycons > Theme Options. Each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer.See below for screenshots and short descriptions of our Theme Options panel.

After the changes made you have to click on Save Settings button at the top of the Theme Options.

Site Settings

Loader Settings

Page Loader - Enable/Disable page loader, here you can upload your page loader image.

Layout Settings:

Here you can choose the Body layout style and View.

Site Layout - Choose site layout either wide or boxed.
Site Max Width - Set the site width here. Here No need to specify units like px, em, etc.. Example 1200
Site Content Padding - Set the top/right/bottom/left padding of page content. Here No need to specify units like px, em, etc.. Example 10 10 10 10

API:

This is the setting for all the api's where used in this site.

Mailchimp API Key - Place here your registered mailchimp API key.

RTL:

This is the setting for theme view RTL

RTL Enable/Disable - Enable/Disable RTL to change theme right to left view.

Logo Settings

This setting helps you to manage site identity features.

Upload a new logo in the Logo settings > Default Logo section and save the changes.
Site Logo Maximum Width: Here you can set maximum width of logo. if you want original width leave this field empty.
Sticky Logo: Upload a sticky logo here.
Sticky Logo Maximum Width: Here you can set maximum width of Sticky logo. if you want original width leave this field empty.
Mobile Logo: Upload a logo for mobile.
Mobile Logo Maximum Width: Here you can set maximum width of Mobile logo. if you want original width leave this field empty.

Typography

Site Typo

Site Common Fonts - This is the setting for theme general typography
Lead Text Fonts - This t ypography setting for Lead text.

Heading Typo

This is the setting for theme heading typography

H1 to H6 - This is the setting for theme H1 to h6 typography here you can choose font family, color , size line height etc. This Heading style will apply for All heading text in the site.

Colors

Theme Colors

Theme Primary Color - Here you can choose theme color.
Theme Secondary Color - Here you can choose theme Secondary color.
Theme Link Color - Here you can set link color and link hover, active colors.
Button Color - Here you can set button's color and button's hover, active colors.

Header

Settings of this group allow you to manage an overall look and behaviour of the header elements In your website.

You can set up header settings for a specific page in the Psycons page Options > Header section of that page.

General

This is the setting for general header. Here you can change all of your header behaviour like fonts , color , sizes , background , Items , Alignments etc..

Default header styles has given you can select from Layout.if you need to add custom header you can use custom header style option.

Header Layout- Choose header layout Wide, Wider or Boxed.
Header Bars- Needed items for header, drag from disabled and put enabled.
Header Absolute- Enable/Disable header absolute option to show transparent header for page.
Choose Header Sticky- This is option to sticky header on while scroll or on while scrollup
Main Menu Type- This is option for enable main menu as megamenu.

Style

Header Typograpy- Here you can add header's typography and its style.
Header Link Color- This is link color setting for header
Header Background Color- This is the settings for header background with image, color, etc.
Drop down Menu Background- Choose drop down menu background color.
Header Border- This is border setting for header.
Header padding- This is padding setting for header
Header margin- This is margin setting for header

Dropdown Menu Styles on Sticky

Dropdown Menu Link Color- This is link color setting for menu dropdown
BDropdown Menu Background Color- This is background setting for menu dropdown.

Dropdown Menu Styles on Sticky

Dropdown Menu Link Color on Sticky- This is link color setting for menu dropdown on sticky.
Dropdown Menu Background Color on Sticky- This is background setting for menu dropdown on sticky

Other settings

Header Email- This is header email field. Here you can place shortcodes too.
Header Address- This is header address field. Here you can place shortcodes too.
Search Toggle Modal- Here you can choose search box type

Topbar

This is the setting for Header top bar. Here you can change all of your header Top bar behaviors like fonts , color , sizes , background , Items , Alignments etc..

Layout

Header Top Bar Items- Needed header topbar items drag from disabled and put enabled.

Style

Topbar Custom Text 1 & 2- Custom text shows header topbar. Here, you can place shortcode.
Topbar Items-These all are topbar items. You can make your own layout by drag and drop.
Header Top Bar Height- Increase or decrease header topbar height. Here no need to put dimension units like px, em etc. Example 50.

Topbar Styles

Header Topbar Height- Increase or decrease header topbar height.
Topbar Typography- Select Topbar's typography and its style here.
Topbar Link Color- This is link color setting for header topbar
Topbar Background Color- This is background setting for header topbar
Topbar Border- This is border setting for header topbar
Topbar padding- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Topbar Margin- This is margin setting for header topbar. Here no need to put dimension units like px, em etc. Example 10 10 20 10.

Topbar Sticky Styles

Topbar Sticky Link Color- This is link color setting for header topbar on sticky.
Topbar Sticky Background Color- This is background setting for header topbar on sticky

Logo Bar

This is the setting for Header Logo bar. Here you can change all of your header Logo bar behaviors like fonts, color, sizes, background, Items, Alignments etc..

Layout

Logobar Custom Text 1 & 2- This is Logobar's custom text fields. Here you can place shortcodes too.
Logo bar Items- These all are logobar items. You can make your own layout by drag and drop.

Logo bar Styles

Header Logo bar Height- Increase or decrease header Logo Section height. Here no need to put dimension units like px, em etc. Example 50.
Logo bar Typography- Add Logo bar's typography and its style here.
Logo bar Link Color- This is link color setting for header logobar.
Header Background Color- This is background setting for header logobar.
Logo bar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
Logo bar padding- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Logo bar margin- This is margin setting for header logobar

Logobar Sticky Styles

Logobar Sticky Link Color- This is link color setting for header logobar on sticky.
Logobar Sticky Background Color- This is background setting for header logobar on sticky

Navbar

This is the setting for Header Navbar. Here you can change all of your header Navbar behaviors like fonts , color , sizes , background , Items , Alignments etc..

Layout

Navbar Custom Text 1 & 2- This is nav custom text fields. Here you can place shortcodes too.
Nav bar Items- These all are navbar items. You can make your own layout by drag and drop.

Navbar Styles

Header Navbar Height- Increase or decrease header Navbar height. Here no need to put dimension units like px, em etc. Example 50.
Navbar Typography- Add Navbar's typography and its style here.
Navbar Link Color- This is link color setting for header Navbar.
Header Background Color- This is background setting for header Navbar.
Navbar Border- Here you can set border for Navbar. No need to put dimension units like px, em etc. Example 10 10 20 10.
Navbar bar padding- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Navbar margin- This is margin setting for header Navbar

Navbar Sticky Styles

Navbar Sticky Link Color- This is link color setting for header Navbar on sticky.
Navbar Sticky Background Color- This is background setting for header Navbar on sticky

Mobile Header

This is the setting for mobile header and mobile menu. Here you can change all of your header mobile Menu behaviours like fonts , color , sizes , background , Items , Alignmets etc..

Mobile Bar From- This is mobile bar show option from which window width. Example 767
Choose Mobile Bar Sticky- This is option to sticky mobile bar on or off or on while scrollup
Mobile Header Items- These all are mobile header items. You can make your own layout by drag and drop
Mobile Menu Part Items- These all are mobile menu part items. You can make your own layout by drag and drop

Secondary Area

Secondary Widgets Area- Choose widget for secondary widget area. This part only works when you active secondary bar item on nav/logo bars.
Animation From- Choose secondary bar animation from.
Secondary Sidebar Width- This is maximum width of secondary sidebar. Example 300

Footer

Setting of this group is responsible for choosing the style of the footer area , Here you can change all of your Footer behaviors like fonts , color , sizes , background , Items , Alignments etc..

Footer General

This is the setting for Footer. Here you can change all of your Footer behaviors like fonts , color , sizes , background , Items , Alignments etc..