illusion - Premium Multipurpose Woocommerce Theme

• created: 03/10/2011
• latest update: 02/07/2015
• by: smartdatasoft
• email: support@smartdatasoft.com

Thank you

Into

Illusion WP Theme Documentation

Illusion is the best ever Wordpress E-commerce (woocommerce) theme you experienced. You will find here all of your previous experiences, all of those you thought if you could had them and all of them you never imagined till now!! With WPBakery Visual Composer plugin based content, Revolution Slider plugin, New theme admin panel with Redux Framework bring awesome experience with the theme for users.

Installation

1. At first save the illusion.zip file in your pc.
2. Then navigate to wp-admin > Appearance > Themes > Add New > Upload Theme
3. Browse and select the illusion.zip file from your pc on the page.
4. Click on install now.
5. Then select/activate it as your current theme

Note: Sometimes due to your server configuration or wordpress settings, your illusion.zip file may not upload directly from wordpress wp-admin. In that case, unzip this file at your local and upload it via FTP to wp-content/themes location.

Plugin Installation

After installation, you will get a message for installing and activating an additional plugins."

Just click on begin, Install them all and activate them.

**Remember without this plugins, some of the major features of this theme will not available.

You can install the "Digg Digg" plugin from wordpress plugins repository for floating social share bar on blog post page.

Import Demo Content

Important: You have purchased a WordPress theme, and not the example content as seen in the theme demo. You are more than welcome to import the example content into your site to help you get going, but the images cannot be used on a live site, nor redistributed.

To import from a WordPress export file into your site follow these steps-

1. Log into your site as an administrator.
2. Make sure you have activated the illusion theme and required plugins before proceed.
3. Navigate to Appearance > Import Demo Data
4. Click on "Import Demo Data" button to start the import procedure. Wait there until the process not been completed.

This mechanism will automatically inserts posts, pages, products, media, theme options and even sidebar widgets into your site from our demo server.
*Note: Custom Menu widgets need to be point to the exact menus. By default they don't set to any menu after import process.

After completion of import process, navigate to Tools > Regen. Thumbnails and click on "Regenerate All Thumbnails" button start image regeneration. Wait there until the process not completed.

As Yith woocommerce compare is our theme's required plugin, we think that you've installed it already. Now you should do the change in compare setting to prevent appearance of multiple compare button in single product page.

Importing Slider revolution content

Your Illusion theme comes with slider revolution plugin. You can also separately import the sliders of demo site slide. This importable .zip file is included at your purchase package. To proceed,

1. Go to your admin panel's slider revolution settings.

2. At settings page, click on import button.

         3. By file browser, select the .zip file of slider content from your local computer. (This file is included at your                    purchase package)

                4. Total slider will be imported and set automatically.

Setting Your Home and Post page

To configure your site after importing XML, you need to set your default wordpress Home and blog page.

Go to Settings > Readings,

Then set your home page as default home and blog page as default blog.

Illusion Mega menu

**From your wordpress menu system, you can also assign your any menu (and its children) to be displayed as megamenu-

To proceed,

1. Go to your dashboard > menu location. Click on screen options and enable css class.

                  2.Now at the first item of your menu, add "ilsmegamenu" as css class.

                    3.Your entire menu will convert into megamenu. (Maximum 5 columns.)

Menu items Special Badge

There are two badge available for primary menu items and they are "New" & "Hot!". Class to use in menu item's "CSS Classes (optional)" field to get "New" badge is label-new and to get "Hot!" badge is label-hot

Illusion Side Menu

Illusion Side Panel contains logo, search box and a slide dropdown menu. Logo & panel enable/disable options are available in Illusion Options > General Settings page.

The Side Menu needs to be set from Appearance > Menus

Illusion page layout and page options

Page Settings

Illusion comes with different kind of page layout and relevant pages option control system.

1. For Theme General Setting, go to Illusion Options > General Settings, and chose your desired combinations.

   

2. For Search Results Page, go to Illusion Options > Search Page, and chose your desired combinations.

3. For Shop & Category Page, go to Illusion Options > Shop & Category Page, and chose your desired combinations.

   

4. For single product page, go to Illusion Options > Product Page, and chose your desired combinations.

   

5. For blog page, go to Illusion Options > Blog Page, and chose your desired combinations.

   

6. For single blog page, go to Illusion Options > Single Blog Page, and chose your desired combinations.

   

7. For single portfolio page, go to Illusion Options > Single Portfolio, and chose your desired combinations.

   

8. For 404 page, go to Illusion Options > 404 page, and chose your desired combinations.

   

9. For Woocommerce additional settings, go to Illusion Options > Woocommerce, and chose your desired combinations.

   

10. For Maintenance page, go to Illusion Options > Maintenance, and chose your desired combinations.

    

11. For Font Settings, go to Illusion Options > Fonts, and chose your desired combinations.

12. For Promotion Popup Settings, go to Illusion Options > Promotion/Offer Modal Box, and chose your desired combinations.

13. For Accept Cookies Bar Settings, go to Illusion Options > Accept Cookies Panel, and chose your desired combinations.

Illusion Header and Footer settings

Your illusion theme header and footer area are customizable. Footer settings are at Illusion Options > Footer Settings.

Header settings are at Illusion Options > Header Settings.

Illusion Shortcodes

Illusion theme comes with a powerful set of shortcodes and they are integrated with WPBakery Visual Composer Plugin.

There is a separate section for woocommerce product shortcodes.

Image Sizes

Your product image sizes are managed by woocommerce plugin. Under Woocommerce > Settings > Products, you will get image resizing option.

Remember, you should define this setting before inserting your product images. If you change this setting after inserting your images, you have to re-insert or regenerate thumbnails.

Translations

The easiest way to translate your wordpress theme/plugin is a free plugin named "Codestyling Localization". At first install this plugin into your site.

Before above step, go to wordpress root folder, find and then open wp-config.php file, and define there your language code in this file.

The illusion theme has the "Codestyling Localization" plugin as a bundle plugin. After installation of the illusion, you may have installed the plugin. If not, please install and activate the plugin.

Now go to Tools > Localization

Find your Illusion theme.

Click on Add New Language.

Add the language you need to translate.

Now rescan the words.

After finishing scanning, click on edit button.

******Before starting your translation, you must have to click on "generate .mo file" button. Without generating this file for first time, any of your translation will not be saved.

Now by clicking edit button, you can translate your words.

Getting Started

If you bought WPML then you get free support from their amazing team http://wpml.org/forums/forum/english-support/

Tutorial recommended by wpml team for translating widgets http://wpml.org/2011/03/howto-display-different-widgets-per-language/

WPML basic usage guide http://wpml.org/documentation/getting-started-guide/

Smartdatasoft support ticketing site  https://smartdatasoft.zendesk.com

These are the main steps you need to follow :

• Install the Illusion theme and activate it.
• Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.
• Set up WPML from WPML->Languages. See our WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (For starters, choose the footer language selector, you can change this later.)

Translating Illusion Home page

Go to All Pages, and search for 'Home':

You will see columns for each active language, with a pencil icon (for edit translation) or a + icon (for add translation) next to each page. Go ahead and edit or add the translated page for 'Home Version 1′

Translating other pages and posts

You can translate in a similar way all other pages and posts, including custom post types such as testimoinals.

You'll probably be interested in the process of batch duplication of pages and posts. To use this feature, go to WPML->Translation Management, and from the Translation Dashboard (the tab that is opened by default), select the filter you want (Pages/Posts), and click 'Display':

Select the pages or posts you want to translate or duplicate (you can select them all by clicking the checkbox besides the 'Title' header or footer). Then, at the bottom of the page, choose languages for which you want to translate or duplicate, and 'Send Documents':

For more details, see Displaying Untranslated Content using Content Duplication.

In general, with WPML you can always choose between "translating" or "duplicating: content. If you do the former but want to import content from the original you can always use the buttons to 'copy content from the original' in their edit page; if you do the latter (as we did so that all the html in the home page was copied, for example), you can always choose later 'Translate independently' so that you can save your edits. Try both procedures to see which one you find better for your workflow. Submitting for translation instead of duplication will later allow you to edit content from WPML->Translations, which provides WPML Translation Editor.

Translating custom post types and taxonomies

In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML->Translation Management, and select the tab 'Multilingual Content Setup'. At the bottom of the page you'll see:

You need to select 'translate' for the custom post types you want to make translatable. Similarly, if you choose 'translate' for custom taxonomies such as 'skills', etc. you'll get a similar interface for translation as for post categories.

Translating Menu

For WPML instrcutions regarding menu-

http://wpml.org/documentation/getting-started-guide/translating-menus/

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus, and with the imported sample content, you'll see this, Notice the 'Synchronize menu' link top right. When you click on it, you'll see something like this:

By clicking on the Sync button at the bottom of the page (with its informative legends by its side):

you'll be presented with a set of menu items that can be translated; select them all, and go ahead to apply the changes.

You can also review this information from WPML->WP Menu Sync. In addition, after the synching operation you can individually edit the menus in each language from WordPress Appearance->Menus. This may be needed for example if you have custom links in your menu.

Translating theme texts and other strings in your site

To complete the missing translations you need to follow the procedure for Theme and Plugin Localization. In a nutshell, go to WPML->Theme and Plugin Localization, and click on 'Scan the theme for strings'. After doing it, you'll see something like this:

You can then see from WPML->String Translation the theme strings and which ones are translated or not, and complete the translation from there:

Play around with the different filters for this display (on top of the page), such as the "String status" or the "Context".For example, Illusion theme admin has some "Text" input options with text fields.

You can translate all of those texts in the following screenshot- 

Other strings to watch for: Did you notice texts such as "Latest News" or "Read More" in our  home page? Or even WPML texts such as "This post is also available in" ? Have you tried to look at a page with some sidebar widgets, in particular the widget titles? Do you have additional plugins that need translation of their texts? Do go to WPML->String Translation to check what strings have incomplete translations and complete those translations. And if for any reason you don't find the string you want to translate (after following Theme and Plugin Localization instructions), try turning on one of the options to "autoregister strings" (settings at bottom of WPML->String Translation) to register some strings when seen on the front end, or contacting the theme or plugin authors if needed.

General Settings

Enable/Disable sticky menu

Also there are some other fields :

• Logo w/ URL
• Favicon URL
• Tracking Code
• Load custom-style.css, this is a good idea to increase the performance of the site.
• CSS Code, build with ace editor.

Blog Page

Blog posts column

Blog posts masonry column

Single Blog Page

Author Info Status

Other option is to control Digg digg share widget. It needs the Digg Digg share plugin installed.

Shop & Category Page

Title area background

Other options are Shop Left Sidebar* and Shop Right Sidebar* where shop and category pages sidebars can be assigned.

Product Page

Other two settings namely Left Sidebar* and Right Sidebar* are related to sidebar of the product page.

Portfolio format gallery layout setting

There are five different designs available for portfolio gallery with images.

Portfolio format video layout setting

There are 2 different designs available for portfolio gallery with videos.

Enable/Disable Title area, Title area background image, Title area background color, Title area background color opacity fields are related to Title area.

Enable/Disable related portfolio, Related portfolio sub heading, Number of related portfolio are related to "Related Projects" area.

Select default listing page for portfolios

Other two settings namely "Enable/Disable social share" and "Addthis social widget markup" are related to Addthis social share.

Header Settings

There are 6 layouts for header area. Choose any one of them to use throughout your site.

There are more options here that applied in header and vary their display status and position with different header layout.

Footer Settings

Footer Primary Sidebar Area

There are 5 different columns setting that applies on widgets included into footer primary sidebar area. Choose any one of them to use throughout your site.
It can be show/hide by the "Enable/Disable footer primary sidebar" option.

Footer Secondary Sidebar Area

There are 5 different columns setting that applies on widgets included into footer secondary sidebar area. Choose any one of them to use throughout your site.
It can be show/hide by the "Enable/Disable footer secondary sidebar" option.

Copyright Text

404 page

 

Screenshot: 404 page

• "Title area background" and "Title area background color opacity" options are related to title area as indicated in Screenshot: 404 page > 1
• "Enable/Disable search section" option are related to search section in the page as indicated in Screenshot: 404 page > 3
• "Enable/Disable useful links" and "Useful links pages" options are related to the section that on the left of the search section in the page as indicated in Screenshot: 404 page > 2. "Useful links pages" option is a field where multiple page link can be put by mouse and by typing the page name.

Woocommerce

There is only one option available("Shop & Category page products limit") and the most useful one, it overrides the default posts per page option of wordpress for fetching products in shop and product category pages. The option ensures that the number of blog posts and products will not same. They will always different.

Maintenance

 

Maintenance

 

• "Enable/Disable maintenance mode" option enable/disable the maintenance page on front end.
• "Maintenance page content background" has full set of options relevant to background image design behind the countdown timer.
• "Enable/Disable countdown" control the visibility of the countdown timer.

 

Promotion/Offer Modal Box

 

Promotion/Offer Modal Box

 

• "Enable/Disable Offer Box" option enable/disable the offer modal on front end.
• "Promotion Box Title" is the modal box heading.
• "Promotion Box Cotent" has a tinymce editor where users can put html content including image, videos, forms etc.

 

Accept Cookies Panel

 

Accept Cookies Panel

 

There are several settings to change the "Accept Cookies" panel including text, text color, buttons colors and buttons texts.

Thanks a lot for using this amazing theme. Hope you found this documentation helpful for using this theme. Please support this product by giving your ratings and testimonial. For any further help, you can visit our help site- http://support.smartdatasoft.com

With best wishes-

Team Smartdatasoft