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.
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.
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.
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.
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.
Step 2 - Configuring Megamenu
Hit the "Megamenu" button on the top option bar to open the Megamenu configuration panel.
4. Off-canvas Configuration
The Off-canvas sidebar displays content from any module
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.
Step 2 - Create module and assign to "off-canvas" position