Overview

Illusion is a powerful and ultra-responsive theme which can perfectly serve any type of business, freelance or interactive creative sphere. For theme support that cannot be found in this documentation, please visit our support forum.

Version 1.1: 11/21/2014
Author: Arrowtheme
Design: Illusion Themes

Installation

There are several ways Illusion can be installed. For existing sites that already have content, the first method will only involve the installation and activation of the theme. The second option includes a full Drupal 7 installation with the same SQL database file used to create the theme demo. Please choose which installation method works best for you and follow the instructions. We do highly recommend you perform the full installation, especially if you plan on using the Commerce functionality.

Theme Installation only

Download Drupal: https://drupal.org/project/drupal to install default Drupal.

Video: Installing Drupal 7

Option 1: Option 2:

Full Drupal Installation

The following steps are designed for people that have experience manually installing Drupal and importing databases. If you do not feel comfortable performing these steps yourself, contact your server administrator for help. NOTE this option is for a completely new Drupal install. Do not import the provided SQL file into an existing Drupal database or you will lose all of your data!

  1. Create a database for this installation of Drupal and import the SQL file that came with the theme.
  2. Follow these directions to create the settings.php file. Save this file somewhere so you can copy it over to the Drupal installation we have provided.
  3. Copy the entire contents of the Drupal_7 folder to the location on your web server where you want your site to be accessed. If you want your primary domain to point to your install of Illusion, copy everything to the root folder. If you want your site to be accessed as a subsection of your domain (for example: yourdomain.com/drupal) then simply rename the Drupal_7 folder to the desired name and upload to the root of your server. Also be sure to copy over the settings.php file mentioned in the previous step
  4. Login to your site yourdomain.com/user with the username admin and the password admin123 and visit yourdomain.com/admin/people to change the admin username and password.
  5. Go through the Drupal configuration found in yourdomain.com/admin/config options and update all the necessary information to reflect your website. Also be sure to visit yourdomain.com/admin/config/media/file-system and change the Temporary Directory.

General Setting

Modules

You can find all of the modules used in the demo in the modules.zip archive in the root of the folder you downloaded from ThemeForest. Not all modules are required to use the theme, but below is a list of modules you will need to utilize various elements of the theme

Copy all folders under "/Theme Package/modules/*" to your existing drupal site "/sites/all/modules/*"

Copy all folder under "/Theme Package/libraries/*" to your existing drupal site "/sites/all/libraries/*", if you dont have "/sites/all/libraries" on your existing site, you need to create one.

General Required Modules

Multi Language

Shop

Notes

Arrowtheme Module

Visit yourdomain.com/admin/modules to activate all modules need installing (checked to ENABLE of modules and click button Save configuration).

Activate modules in Drupal core: Blog, Contact and PHP filter.

Set permissions for module Contact (Visit yourdomain.com/admin/people/permissions#module-contact and checked all "Use the site-wide contact form").

Set permissions for module Search (Visit yourdomain.com/admin/people/permissions#module-search and checked all "Use search").

Text Formats

Remove tag <br> auto insert in Block static: Visit yourdomain.com/admin/config/content/formats/full_html and uncheck Convert line breaks into HTML (i.e. <br> and <p>)

Theme Settings

Visit yourdomain.com/admin/appearance/settings/Illusion to configure your theme's settings. You can select Page layout, Header layout, Footer layout, Add your own custom CSS, Add your own custom logo, etc.

Settings Theme Layout

Visit yourdomain.com/admin/config/system/site-information select Tab Design You can select settings theme layout for Illusion.

Settings for Logo, Site Name and slogan

You can change Logo by a logo image or use site name text and site slogan.

Visit yourdomain.com/admin/config/system/site-information to configure your Site Name and Site Slogan.

Settings for Multi Language

Illusion supports multi language.

You can get more details to create multi language here: https://www.youtube.com/watch?v=Sx9lJ_hOrCw or https://www.ostraining.com/blog/drupal/multi-lingual-drupal/

Visit yourdomain.com/admin/config/regional/language/add to add Language and settings.

Menu settings for each different language: Visit yourdomain.com/admin/structure/menu/add

Add Menu Link for each different language:

After the menu for the different languages has been created, visit yourdomain.com/admin/structure/block to asign the newly created menu in the Menu region.

Translate language for node content

Add Taxonomy

Illusion has a total of 13 Vocabulary Taxonomies: Blog Category, Faq Category, Layout, Product Category, Product Color, Product Manufacturer, Product Parent Category, Product Size, Product Tag, Project Category, Project Skill, Project Tags, Tags

Blog Category

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Blog Category.

Visit yourdomain.com/admin/structure/taxonomy/blog_category/add to Add term for Blog Category.

Faq Category

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Faq Category.

Visit yourdomain.com/admin/structure/taxonomy/faq_category/add to Add term for Faq Category.

Layout

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Layout.

Visit yourdomain.com/admin/structure/taxonomy/layout/add to Add term for Layout.

Product Category

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Category.

Visit yourdomain.com/admin/structure/taxonomy/product_category/add to Add term for Product Category.

Product Color

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Color.

Visit yourdomain.com/admin/structure/taxonomy/product_color/add to Add term for Product Color.

Product Manufacturer

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Manufacturer.

Visit yourdomain.com/admin/structure/taxonomy/product_manufacturer/add to Add term for Product Manufacturer.

Product Parent Category

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Parent Category.

Visit yourdomain.com/admin/structure/taxonomy/product_parent_category/add to Add term for Product Parent Category.

Product Size

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Size.

Visit yourdomain.com/admin/structure/taxonomy/product_size/add to Add term for Product Size.

Product Tags

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Tags.

Visit yourdomain.com/admin/structure/taxonomy/product_tags/add to Add term for Product Tags.

Project Category

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Project Category.

Visit yourdomain.com/admin/structure/taxonomy/project_category/add to Add term for Project Category.

Project Skill

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Project Skill.

Visit yourdomain.com/admin/structure/taxonomy/project_skill/add to Add term for Project Skill.

Project Tags

Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Project Tags.

Visit yourdomain.com/admin/structure/taxonomy/project_tags/add to Add term for Project Skill.

Tags

Visit yourdomain.com/admin/structure/taxonomy/tags/add to Add term for tags.

Add Content Type

Blog entry

Visit yourdomain.com/admin/structure/types/manage/blog/fields to add fields for content type Blog entry (check Add existing field)

Fields:

Projects

Create a content type named Projects (check Add existing field)

Fields:

FAQs

Create a content type named FAQs (check Add existing field)

Fields:

Main Services

Create a content type named Main Services (check Add existing field)

Fields:

Icons:

Other Services

Create a content type named Other Services (check Add existing field)

Fields:

Icons:

Our Client

Create a content type named Our Client (check Add existing field)

Fields:

Our Company

Create a content type named Our Company (check Add existing field)

Fields:

Our Office

Create a content type named Our Office (check Add existing field)

Fields:

Our Team

Create a content type named Our Team (check Add existing field)

Fields:

Process

Create a content type named Process (check Add existing field)

Fields:

Icons:

Product

Create a content type named Product (check Add existing field)

Fields:

Testimonial

Create a content type named Testimonial (check Add existing field)

Fields:

Config URL aliases

Visit yourdomain.com/admin/config/search/path/patterns to configure URL aliases of Projects and Blog.

Add Node

Blog entry

Visit yourdomain.com/node/add/blog to create a node blog.

Projects

Visit yourdomain.com/node/add/projects to create a node projects.

Main Services

Visit yourdomain.com/node/add/main-services to create a node for Main Services.

Other Services

Visit yourdomain.com/node/add/other-services to create a node for Other Services.

Our Team

Visit yourdomain.com/node/add/our-team to create a node for Our Team.

Our Office

Visit yourdomain.com/node/add/our-office to create a node for Our Office.

Our Company

Visit yourdomain.com/node/add/our-company to create a node for Our Company.

Our Client

Visit yourdomain.com/node/add/our-client to create a node for Our Client.

Product

Visit yourdomain.com/node/add/product to create a node for Product.

FAQs

Visit yourdomain.com/node/add/faqs to create a node for FAQs.

Process

Visit yourdomain.com/node/add/process to create a node for Process.

Testimonial

Visit yourdomain.com/node/add/testimonial to create a node for Testimonial.

Create View Blocks

Illusion features 22 View Blocks and View Pages created from the content types. You can create the View by importing code in the folder "files_export_views".

For example: import view Projects Block

Visit yourdomain.com/admin/structure/views/import to create a view by importing code from (/files_export_views/projects_block.txt).

Result Views:

Result Blocks:

Main Services View Blocks

Illusion also includes support for a "Main Services" block that you can use to showcase additional Services items on the single Main Services node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/main_services.txt to import this View. Then simply place the "View: Main Services" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/main-services

Other Services View Blocks

Illusion also includes support for a "Other Services" block that you can use to showcase additional Services items on the single Other Services node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/other_services.txt to import this View. Then simply place the "View: Other Services" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/other-services

Our Team View Blocks

Illusion also includes support for a "Our Team" block that you can use to showcase additional Team items on the single Our Team node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/our_team.txt to import this View. Then simply place the "View: Our Team" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/our-team

Blog View Blocks

Illusion also includes support for a "Blog Block" view blocks that you can use to showcase additional Blog items on the single Blog node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/blog_block.txt to import this View. Then simply place the "View: Blog Block" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/blog-block

Blog View Pages

Illusion also includes support for a "Blog Pages" view pages that you can use to showcase additional Blog items on the Blog pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/blog.txt to import this View. Then simply place the "View: Blog Pages" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/blog

Project View Pages

Illusion also includes support for a "Project Pages" view pages that you can use to showcase additional Project items on the Project pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/projects.txt to import this View. Then simply place the "View: Project Pages" in the Content region and configure the block visibility settings to your liking.

Views: yourdomain.com/admin/structure/views/view/projects

Front Page

The front page seen on the Illusion demo consists of various block regions. Some are generated by Views, and some are custom blocks with special markup. You can find all of the markup used on the demo front page inside the html_block and content_page_demo folder in the root of the theme folder.

Visit yourdomain.com/admin/structure/block to disable all Blocks in Region Help default (return "No blocks in this region") and click button Save blocks

Block Regions

Illusion features 24 block regions where you can add your own custom content. Visit yourdomain.com/admin/structure/block to add your own content to the defined block regions. Press "Add Block" to create a new custom block, or select an existing block from the Disabled list below the defined block regions.

All HTML files to create Block Static in folder html_block

Header Block Regions

Illusion features 8 header regions: Top Bar, Top Bar Header 4, Top Bar Header 6, Language, Header Advertising, Header Shop By, Menu, Side Menu. You can use the "demonstrate block regions" link on yourdomain.com/admin/structure/block to see exactly where these are located, but the names are fairly self explanatory. If you would like to mimic the social icon region seen above the menu on the demo you can use the following markup in a block:

Content Block Regions

Illusion has a total of 6 content block regions: Content, Bottom Content, After Content, After Content No Wrap, Left Sidebar and Right Sidebar. Like the Header regions described above these regions are fairly self explanatory. One thing to note is that the before and after content regions are called outside of the main content wrap so you can use completely full width content (like the Image Slider) or use your own custom wrappers. Those regions are there to do whatever you like with and are not restricted by any additional markup.

Footer Block Regions

Finally there are 8 footer block regions: Footer Box 1, Footer Box 2, Footer Box 3, Footer Box 4, Footer Box 5, Footer Box 6, Footer Box 7 and Footer Bottom.

Menu

Visit yourdomain.com/admin/structure/block/manage/system/main-menu/configure select Region Setting of Illusion to be Menu Region to show menu.

Illusion has a block region called Menu which can be used to add any menu block you like. The demo simply uses the default Main Menu block but you can create a custom menu block if you like.

Note: make sure to check the "show as expanded" box on all parent items with children to ensure the dropdown menu works correctly.

Illusion support "Mega Menu".

Visit yourdomain.com/admin/structure/tb-megamenu/main-menu to set Mega menu.

Revolution Sliders

Illusion support Revolution Slider in module. You need install, active for module "art_revolution".

Visit yourdomain.com/admin/art_revolution to set up global settings for Revolution Slider.

Visit yourdomain.com/admin/art_revolution/1/globalsettings for settings global for Revolution Slider.

Home Page Demo

Illusion supports 2 types of Home Page display: Layouts and Sliders

Example: Home Page Default

Visit yourdomain.com/admin/structure/pages/import to create a panel page by importing code from (/files_export_panels/home.txt).

You can drag and drop Blocks in Layout designer to change position of Blocks.

You can apply the same steps to other Home Versions

Projects Page

Configure it the same as Home Page Demo

Project List

Illusion supports 23 types of Projects display.

Projects Page - Example: http://arrowtheme.com/Illusion/portfolio_masonry_2_columns

This is the standard Project style which utilizes the "Project Masonry Style Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/projects.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/portfolio_masonry_2_columns .

Views: yourdomain.com/admin/structure/views/view/projects

Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu named 2 Columns under parent menu Projects Masonry.

Single Project

Illusion supports 7 types of Content.

Blog Page

Configure it the same as Home Page Demo

Blog List

Illusion supports 12 types of Blog display.

Blog Page - Example: http://arrowtheme.com/Illusion/blog_masonry_2_columns

This is the standard Blog style which utilizes the "Blog Style Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/blog.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/blog_masonry_2_columns.

Views: yourdomain.com/admin/structure/views/view/blog

Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu named 2 Columns under parent menu Blog Masonry.

Single Blog

Illusion supports 7 types of Content.

Shop Page

Illusion supports Drupal Commerce.

Drupal Commerce

Illusion supports the Drupal Commerce module, a powerful eCommerce framework for building online stores. Drupal Commerce has a complete set of documentation which we highly recommend reading if you have never used DC before. We will go over some of the basics and highlight the aspects of the theme that enhance DC and how you can use them on your site. If you do plan on using Drupal Commerce with your install of Illusion we also highly recommend you install the full demo content as it will provide you a completely functional configuration of Drupal Commerce to begin working with.

- You need to download and install Drupal Commerce module. Click here to follow this article. - Active module Commerce: Visit http://yoursite.com/admin/modules and active Commerce.

Create the taxonomy of Product Content Type: Project Category, Product Size, Product Brands, Product Tags. Follow this article http://arrowtheme.com/userguide/Illusion/#toc8

Create the fields of Product Content Type. Follow this article http://arrowtheme.com/userguide/Illusion/#toc9

Product Types

When the Commerce module is activated you can visit /admin/commerce to begin configuring Drupal Commerce. We will not be going over every options page, but we will outline the creation of Product Types and explain how that relates to the "Product Display" content type. Visit /admin/commerce/products/types to begin creating your own Product Types. Below is an example of what the fields look like on a Illusion demo product type:



Product Types have some default fields like SKU which are required for Commerce products to function correctly, but you can create as many additional fields as you need for your products.

Important: Any product fields that are intended to function as attribute selection fields on Add to Cart forms need to be configured to do so. When editing that field, scroll down to the ATTRIBUTE FIELD SETTINGS option and enable the option. For example, if you have several variations of a "Hat" product (red, blue, green) and you want the customer to be able to select the color they want when adding the item to the cart, the Color field would need to be configured in this way.


Creating products using "Product Display"

As described earlier in the Content Types section of the documentation, Illusion uses a content type called Product Display which acts as a bridge between Drupal and Commerce products. The "Product Reference" field allows you to create your product(s) at the same time of the node creation. Below is a step by step guide for using this content type to create a Drupal Commerce product node in Illusion:

Creating a "Shop" page.

The key to making everything tie together is the View page which uses the search index to display the products. This is done by creating a View like you would any other View, but by selecting your search index from the "Show" select menu during the initial view creation. This View is an unformatted list of the rendered entity, and no other special configurations are needed. The following template files are associated with Illusion's demo shop page:

Configure it the same as Home Page Demo

Shop Page link: http://arrowtheme.com/Illusion/shop1

Illusion supports 2 types of Category Shop display.

Single Shop

Illusion supports 2 types to display content.

Wishlist

To make use of the Wishlist functionality that can be seen on the Illusion demo you will need to install the Flag module. Once you do visit /admin/structure/flags/import to import the following code:

				$view = new view();
				$view->name = 'wishlist_block';
				$view->description = '';
				$view->tag = 'default, contour-view';
				$view->base_table = 'node';
				$view->human_name = 'Wishlist Block';
				$view->core = 7;
				$view->api_version = '3.0';
				$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

				/* Display: Master */
				$handler = $view->new_display('default', 'Master', 'default');
				$handler->display->display_options['title'] = 'Wishlist Block';
				$handler->display->display_options['use_more_always'] = FALSE;
				$handler->display->display_options['access']['type'] = 'perm';
				$handler->display->display_options['cache']['type'] = 'none';
				$handler->display->display_options['query']['type'] = 'views_query';
				$handler->display->display_options['exposed_form']['type'] = 'basic';
				$handler->display->display_options['pager']['type'] = 'full';
				$handler->display->display_options['pager']['options']['items_per_page'] = '8';
				$handler->display->display_options['pager']['options']['offset'] = '0';
				$handler->display->display_options['pager']['options']['id'] = '0';
				$handler->display->display_options['pager']['options']['quantity'] = '9';
				$handler->display->display_options['style_plugin'] = 'default';
				$handler->display->display_options['row_plugin'] = 'node';
				$handler->display->display_options['row_options']['view_mode'] = 'full';
				$handler->display->display_options['row_options']['links'] = FALSE;
				/* Relationship: Flags: shop */
				$handler->display->display_options['relationships']['flag_content_rel']['id'] = 'flag_content_rel';
				$handler->display->display_options['relationships']['flag_content_rel']['table'] = 'node';
				$handler->display->display_options['relationships']['flag_content_rel']['field'] = 'flag_content_rel';
				$handler->display->display_options['relationships']['flag_content_rel']['flag'] = 'shop';
				/* Field: Content: Title */
				$handler->display->display_options['fields']['title']['id'] = 'title';
				$handler->display->display_options['fields']['title']['table'] = 'node';
				$handler->display->display_options['fields']['title']['field'] = 'title';
				$handler->display->display_options['fields']['title']['label'] = '';
				$handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
				$handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
				/* Sort criterion: Content: Post date */
				$handler->display->display_options['sorts']['created']['id'] = 'created';
				$handler->display->display_options['sorts']['created']['table'] = 'node';
				$handler->display->display_options['sorts']['created']['field'] = 'created';
				$handler->display->display_options['sorts']['created']['order'] = 'DESC';
				/* Filter criterion: Content: Published */
				$handler->display->display_options['filters']['status']['id'] = 'status';
				$handler->display->display_options['filters']['status']['table'] = 'node';
				$handler->display->display_options['filters']['status']['field'] = 'status';
				$handler->display->display_options['filters']['status']['value'] = 1;
				$handler->display->display_options['filters']['status']['group'] = 1;
				$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
				/* Filter criterion: Content: Type */
				$handler->display->display_options['filters']['type']['id'] = 'type';
				$handler->display->display_options['filters']['type']['table'] = 'node';
				$handler->display->display_options['filters']['type']['field'] = 'type';
				$handler->display->display_options['filters']['type']['value'] = array(
				  'product_display' => 'product',
				);

				/* Display: Block */
				$handler = $view->new_display('block', 'Block', 'block');
				$translatables['wishlist_block'] = array(
				  t('Master'),
				  t('Wishlist Block'),
				  t('more'),
				  t('Apply'),
				  t('Reset'),
				  t('Sort by'),
				  t('Asc'),
				  t('Desc'),
				  t('Items per page'),
				  t('- All -'),
				  t('Offset'),
				  t('« first'),
				  t('‹ previous'),
				  t('next ›'),
				  t('last »'),
				  t('flag'),
				  t('Block'),
				);
				

Then if you don't already have it you can use the code in /files_export_views/wishlist-block.txt to create a View to display a block of the Wishlist items.

Pages

Configure it the same as Home Page Demo

Sitemap

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Sidemap.html

Full width text page

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Full-width-text.html

Text page with right sidebar

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Text-with-right-sidebar.html

Text page with left sidebar

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Text-with-left-sidebar.html

Shortcodes

Shortcodes

Configure it the same as Home Page Demo

Illusion supports pro shortcode with types: Accordion, Alert, Buttons, Carousel, Columns, Icons, Tabs, Testimonials, Videos,..

Illusion offers the shortcode code for you and you just copy the shortcode code into your article content and change the title, the content of each item and shortcode will generate HTML that you aspires.

Example: Create Accordion by Shortcode

Get the code

[accordions] 
	[accordion_item title="TITLE1" expand="true|false"] CONTENT 1 [/accordion_item] 
	[accordion_item title="TITLE2" expand="true|false"] CONTENT 2[/accordion_item] 
	[accordion_item title="TITLE3" expand="true|false"] CONTENT 3[/accordion_item] 
[/accordions]


[accordion]
	[accordion_item title="What We Do"]Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
	Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
	Aenean auctor wisi et.[/accordion_item]

	[accordion_item title="Company Philosophy"]Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
	Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
	Aenean auctor wisi et urna.[/accordion_item]

	[accordion_item title="Our Mission"]Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
	Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
	Aenean auctor wisi et.[/accordion_item]
[/accordion]

Create Alert by Shortcode

Get the code

[alert type="success|warning|error|info"]MESSAGE TEXT[/alert]

Create Buttons by Shortcode

Get the code

[button type="button_type_1|button_type_2|..." color="COLOR" size="medium|large" colorhover="COLOR" 
uppercase="0|1" transparent="0|1" extendclass="m_sm_bottom_10"]Small Button 1[/button]

Create Carousel by Shortcode

Get the code

[carousel id="carousel_test"]
	[carousel_item]IMAGE 1[caption]DESCRIPTION 1[/caption][/carousel_item]
	[carousel_item]IMAGE 2[caption]DESCRIPTION 2[/caption][/carousel_item]
	[carousel_item]IMAGE 2[caption]DESCRIPTION 2[/caption][/carousel_item]
[/carousel]

Create Icons by Shortcode

Get the code

[icon name="fa fa-ICON"][/icon]

Create Tabs by Shortcode

Get the code

[tabs] 
	[tab title="TITLE1"]TAB CONTENT 1[/tab] 
	[tab title="TITLE2"]TAB CONTENT 2[/tab] 
	[tab title="TITLE3"]TAB CONTENT 3[/tab] 
[/tabs]

Create Testimonials by Shortcode

Get the code

[testimonial name="John Doe" company="Company Name" regency="Co-founder"]CONTENT[/testimonial]

Create Videos by Shortcode

Get the code

[video video_id="VIDEO ID" type="youtube|vimeo"][/video]

Columns

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Columns.html

Create Columns by Shortcode

Get the code

[row id="row1" class="test-columns"]
	[col class="col-lg-4 col-md-4 col-sm-4"]CONTENT 1[/col]
	[col class="col-lg-4 col-md-4 col-sm-4"]CONTENT 2[/col]
	[col class="col-lg-4 col-md-4 col-sm-4"]CONTENT 3[/col]
[/row]

Typography

Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Typography.html

Thank You

Thank you very much for purchasing the Illusion Responsive Drupal 7 theme. Once again if you have any issues or feedback please connect via the ThemeForest author page. Enjoy using Illusion!

© 2014 Arrowtheme.