WordPress & Joomla Documentation - ThemeXpert

Menu Settings

2016-05-06T16:14:46+06:00

Menu Control Explained

Menu control need to be enable to show menu on your website. If you want to build a menu less page you can turned this OFF.

Menu type is to determine what type of menu the menu system will render and which menu group from Menu name settings. Select the right module position for the menu

Expose has 2 menu system built-in:

Mega menu - Quad column menu system able to load module
Split menu - split menu shows the submenu items on a separate menu instead of a dropdown or indentation

Mega Menu Settings

Configuring megamenu is very simple, go to Menu > Main Menu then select a menu item. Megamenu settings will appear right side of the parameters click to expand.

Show Title : Show/hide menu title
Subtitle Text : Menu sub-title/description
Menu Icon : Show icon font in menu. eg: icon-home
Custom CSS Class : Supply additional class for the menu item.
Columns of Child Items : Number of Columns. Works for first level menu items, with groups = Y for each subset going into each column.
Drop-Down Width[px] : Bind the Drop-Down Width, leave this empty will set the width automatically based on child item text length.
Column Width : Set the submenu column width, by default its 200px
Submenu Column[i] Width : You can specify the column width for example, colw2=300 will set 2nd column width to 300px. Remember, do not add 'px or %' with the value.
Group : This settings will allow the group together all the submenu child item
Submenu Content : To load modules click Modules option and module list will appear under this option, select module you want to load. You can load a module position so all modules published under this position will show in child item.

Animations : Allows for a variety of animations to be set for the menu.
Render level : Level to start rendering the menu at. Setting the start and end levels to the same # and setting 'Show Sub-menu Items' to yes will only display that single level.

Split Menu Settings

Title : Show/Hide menu title
Settings : This settings applicable only for subnav

Offcanvas Menu Settings

For mobile devices our megamenu turns into Offcanvas menu which will show as a trigger icon beside site Logo, just need to click on that icon to show full menu.

Render Level : Level to start rendering the menu at. Setting the start and end levels to the same # and setting 'Show Sub-menu Items' to yes will only display that single level.

Configurator

2016-05-06T16:14:03+06:00

Save : Go to Template admin and click on overview/Details tab. Now, click to Configurator button and in Save Configuration input box provide a name and hit save.

Load : Go to Template admin and click on Overview/Details tab Now, click to Configurator button and Load a Configuration JSON Which you saved before.

Typography Settings

2016-05-06T16:13:16+06:00

Expose comes with a rich typography settings provide live preview to check the font before apply. The font list provide the list of fonts available from Google Fonts and General Font family. To work with this settings you need to select the font first and see the preview, if you are satisfied with the preview provide the right selector and Save.

Adding New Google Fonts

Adding new Google font is really simple. There is a gfonts.txt file under your templates/TEMPLATES/ folder. You need to delete the file and browse the template settings page. Expose will then fetch all the latest Google fonts and re-generate the file again and you can see the fonts on font drop-down.

Module Styles Settings

2016-05-06T16:12:10+06:00

Expose comes with a very handful unique feature call Module styles which allow you to present your module blocks in different layout/styles. Each of the major module row/section has a button Module styles (chrome) Click that button and a popup will comes with all available module style lists.

By default all module blocks is rendered by Standard Style but you can choose any rendering method for a specific module position.

Click the drop-down menu of a module position
Click Save button then click the Save button from Joomla toolbar.

Standard Style

Standard Style is a natural style rendered by default and module class suffix can be applied in this layout. Module class suffix gives a different look and feel of a module block.

Tab Style

By selecting Tab Style all modules published on that position will show in a Tab view. For example, we have chosen Tab Style for Feature-1 and all module published in Feature-1 is presented in Tab view.

Accordion Style

By selecting Accordion Style all modules published on that position will show in a Accordion view. For example, we have chosen Accordion Style for Feature-1 and all module published in Feature-1 is presented in Accordion view.

Basic Style

Basic style will rendered the module without module title and removed all other div inside it. Module Class Suffix will not applicable for this style and this style is idea for showing banner/ads.

Layout Settings

2016-05-06T16:11:27+06:00

Introduction

Expose provide versatile layout system.

Grid System Explained

The default Expose grid system utilizes 12 columns based on Twitter Bootstrap and by default the 12 column 3 | 3 | 3 | 3 of the default setting divided into an equal sized block for each of the 4 module positions you have active or published.

Expose supports a handful of media queries to help make your website more appropriate on different devices and screen resolutions. Block width in different screen size (picture above).

Module Positions Layouts

Each of the major module rows/sections has

Number in top links from 1 to 6 which represent the number of positions you want to configure for and
Input box allow you to set the grid size.

If you are setting up the layout for a page which has 4 positions in use, you have to first select the #4 link at the top of the section for that position. If you had modules in 4 different module positions like feature-1 feature-2 feature-5 and feature-6 that would mean your active positions would be 4.

For Example, we have chosen the layout 3 | 4 | 2 | 3 which means that module position feature-1 is assigned 3 grids, feature-2 is assigned 4, feature-3 is assigned 2 and feature-4 is assigned 3 grids. After hitting Apply or Save this will cause the front-end's layout to change and display:

Expose is flexible enough that you can configure different layouts for different numbers of module positions. Joomla has the ability to show different modules on different menu items, so you may have 4 modules published on your Home menu item, but only 2 modules published on one of your internal pages.

Mainbody Layouts

Expose has 3 types of Mainbody layouts that provides the ability for a Expose powered template to effectively support 3 column layout. The main difference between module layout with mainbody is generally displayed along side up to 2 sidebars. You can turned OFF any sidebar for specific menu items and the sidebar width will add with the mainbody width. For example, we have chosen Sidebar A and Sidebar B layout 3 | 4 means mainbody layout will be 5 based on 12 grid calculation system. If any of the page has no Sidebar A then Mainbody layout would be 5+3(Sidebar A)=8

Widgets

2016-05-06T16:10:40+06:00

Widgets are tiny little features which enhence templates capability and power. Expose widget based architecture gives ability to create a powerful widgets within a short span of time. The following widgets are available by default with Expose based templates:

Logo

The Logo widget controls the output of the template's main logo. From this option you can enable/disable the display of the logo, as well as select a location for the logo to display in using any of the available module positions in the template. You can select the logo type image/text. By selecting image Logo widget load logo images comes with template or you can upload and select image through image uploader. Logo tagline will only visible when logo type text is selected otherwise it will not visible on your site. Load mobile feature give ability to show the widget on mobile device.

Date

The Date widget controls the output of the current date display. From this option you can enable/disable the display of the date, enable/disable the use of client side date, choose from several different date format options and select a location for the date to display in using any of the available module positions in the template. Load mobile feature give ability to show the widget on mobile device.

Copyright

The Copyright widget controls the output of the copyright text. From this option you can enable/disable the display of the copyright text, input custom copyright text to be displayed, as well as select a location for the copyright text to display in using any of the available module positions in the template. Load mobile feature give ability to show the widget on mobile device.

Font Resizer

The font resizer widget gives your visitor ability to increase/decrease font size. From this option you can set the selector where the font re-size will take effect, you can specify CSS ID or class selector.

Scroll To Top

The Scroll To Top widget controls the output of a link/button that when clicked will smoothly scroll the page back to the top. From this option you can enable/disable the display of the to top button, as well as select a location for the to top button to display in using any of the available module positions in the template.

Word Format

Word format widget will wrap all words with a span. It is extremely useful when you want to style some words from a sentence like first word of title.

Lazy Loader

The Lazy loader widget controls the loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

Modernizr

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites. From this option you can enable/disable the load Modernizr javascript library.

Expose Logo

The Expose Logo widget controls the output of the expose framework logo. From this option you can enable/disable the display of the logo, as well as select a location for the logo to display in using any of the available module positions in the template.

Google Analytics

The Google Analytics widget allows you to enable Google Analytics tracking on your site in a quick and easy way. Just enable the feature and input your UA Key assigned to you by Google in the field provided.

Social Icons

This Social widget will help your customer to connect with you through social media like facebook, twitter. You have to enable the option, set the module position and give your social profile link into the specific field.

Styles Settings

2016-05-06T16:09:53+06:00

The Style Settings panel in the Expose based template administration interface provides several options for configuring the main stylistic aspects of the template. You can easily add and configure many more based on your template's needs. The following configuration options are available by default:

Common settings explained

Background color setting provides the ability to easily change the area's background color. Colors can be inputted via the color chooser popup selector or manually using a hex code in the input field.

Text color setting provides the ability to easily change the text color of specific area. Colors can be inputted via the color chooser popup selector or manually using a hex code in the input field.

Link color setting provides the ability to easily change the link text color of specific area. Colors can be inputted via the color chooser popup selector or manually using a hex code in the input field.

Link hover color setting provides the ability to easily change the link text hover color of specific area. Colors can be inputted via the color chooser popup selector or manually using a hex code in the input field.

Background image setting provides the ability to easily change background image of specific area. Upload image to your Joomla installation
root » templates » TEMPLATE_NAME » images » background folder. Open/refresh template settings page and you will see the image name listed on drop-down.

Image repeat setting provides the ability to easily change background repeat position of image.

Preset style

Presets style is consist of any Expose configuration option such css style, link color, background and body graphic levels, font settings, and much more. By changing the preset style, you'll be able to switch the style variation bundle with Expose template.

Activate custom style

You have to enable Custom style first. The custom style settings provide the ability to change the preset style such as background image, color, text etc. Find more information blow.

Title color

The Title Color setting provides the ability to easily change the global article and module titles color.

Body background

The Body background setting provides the ability to easily change the background color, image of main body area.

Header

The Header setting provides the ability to easily change the background color, image, text & link color of header area.

Top

The Top setting provides the ability to easily change the background color, image, text & link color of top area.

Feature

The Feature setting provides the ability to easily change the background color, image, text & link color of feature area.

Main content

The Main content setting provides the ability to easily change the background color, image, text & link color of main content area.

Bottom

The Bottom setting provides the ability to easily change the background color, image, text & link color of bottom area.

Footer

The Footer setting provides the ability to easily change the background color, image, text & link color of footer area.