Template configuration


1. Layout configuration

1.1. Layout Structure configuration

Open the template style you want to configure layout then go to "Layout" tab. The layout is applied for the template style only.

1.1 Clone layout

To quickly create new layout, clone layout in the layout setting panel, all you have to do is hit the "Save as Copy" button. If you are new to T3, you should clone layout to customize so that you always has backup layout.


1.2 Switch layout for any template style

Open any template style, go to "Layout" tab, switch layout for current template style.


1.3 Assign module position

To assign module position, hover the position you want to change, hit the setting icon then select position. To change number of positions for spotlight block, just select number of position in the spotlight block.


1.4 Change number of position in spotlight block

For spotlight block, you can select number of positions. It supports up to 6 positions.


Layout Structure Configuration


1.2. Responsive layout configuration

1.1 Select responsive layout

In configuration panel, you will see supported responsive layouts: Large, Medium, Small and Extra Small, select responsive layout to configure.


1.2 Disable any position

For responsive purpose, some elements in your site does not fit in specific layout, you can disable the position in the layout. The configuration is only applied for current layout.


1.3 Resign positions in spotlight block

For modules in spotlight block, you can drag to resize its size.


Responsive Layout Configuration


2. ThemeMagic configuration

ThemeMagic is to customize your themes based on pre-define parameters without changing any style file.


2.1. Enable ThemeMagic

Firstly, you have to enable the "ThemeMagic" feature. Open any template style manager, in the General tab, enable the ThemeMagic option. Next, hit the "ThemeMagic" button on the top bar list to open the ThemeMagic working panel.


Thememagic Configuration


2.2. Customize ThemeMagic

Step 1 - Select theme: all your themes will be listed here, select the theme you want to customize.

Step 2 - Customize your theme with pre-defined parameters. In the setting bar, open the parameter group you want to configure, change value for the pre-defined parameters.

Step 3 - You can add External CSS Urls to import and use for ThemeMagic. It's very useful to load web fonts such as Goggle fonts. You can add many external CSS urls, just make sure each external CSS url is in one line. Opening the "Advanced" group, adding your external CSS url, change setting of pre-defined parameters then save as the theme.

Step 4 - Hit the Preview button to view the changes, if you satisfy with the changes, please save as the theme.


Customize ThemeMagic


3. Megamenu Configuration

Fashion Pro template supports Megamenu which allows you to build flexible menu with columns, icons, loading modules, etc.



Step 1 - Enable Megamenu

From back-end of Fashion Pro template style, open the "Navigation" setting panel, scroll down and enable the "Megamenu" option, you can select animation for Megamenu. Next, select Menu that will be displayed as Main Menu.


Enable Megamenu


Step 2 - Configuring Megamenu

Hit the "Megamenu" button on the top option bar to open the Megamenu configuration panel.

Config Megamenu


4. Off-canvas Configuration

The Off-canvas sidebar displays content from any module

Off Canvas Configuration


Step 1 - Enable Off-canvas Sidebar

From back-end of Fashion Pro template style, open the "Add-on" setting panel, enable the Off-Canvas Sidebar then select animation when opening the Off-canvas Sidebar.

The Off-canvas setting is only applied for the template style only. That means, only menu items that are assigned in the template style will have Off-canvas enabled.


Enable Off Canvas


Step 2 - Create module and assign to "off-canvas" position


Create Off Canvas Position