Articles

Template Administration

Profiles Panel

In this panel you can manage profiles: create, clone, edit, delete (your own) profiles. For each profile you can customize all template settings: logo, font-size, layouts, menu system, color theme, text-direction, etc. All these settings are split into several sections as you will see in the next chapters.

What are these profiles? Please click here to find out.

There are 2 types of profiles: core profiles - cannot be deleted as they are part of the template and/or framework core, but can be customized / reset to default; user created profiles - using user layouts, themes and other custom settings.

Editing Profiles

All user created profiles (clones of the defaults or created by user) override the settings of the default profile. To edit a user created profile, please proceed with this quick guide:

• Click on a profile you have created or cloned out of any other core one.
• Click the checkbox to enable the customization of any setting and change the values or options.
• The Profiles tab detected a user customization that will require to save the settings.
• Click the Apply button to save settings.

Please note: when editing core template profiles, the framework will create profile overrides in the local/profiles folder (user setup).

General Settings

In this section you can customize the general settings of a selected profile:

• The logo type - image / text
• the font size - select from six font-sizes: from 10px to 15px
• the template width - SPECIFIED PIXEL (default - 980px), SPECIFIED PERCENTAGE, AUTO, WIDE
• text direction - RTL (right to left) or LTR (right to left)
• you can also choose to show/hide the main content block.
• T3 Logo setting has 5 options:
  • Don't show - will hide the T3 Framework logo
  • Light Logo - show default T3 Framework logo
  • Dark Logo - show dark T3 Framework logo
  • Light Logo Small - show a small T3 Framework logo with default colors
  • Dark Logo Small - show a small T3 Framework logo with dark colors.

Google Font API Settings

JA T3 Framework 2.0 comes with a built in font-replacement solution: Google WebFonts. In the Font Settings you can set a webfont for each of the following elements:

• Global Font - a special font to be used generally for all text content in the front-end
• Logo Font - a font to be used when you are using Text Logo setting
• Slogan - a font to be used for slogan line under the Text-Logo
• Module Title Font - a font to be used for all module titles in your website
• Page Heading Font - a font to be used for Menu Item Pages
• Content Heading Font - a font to be used for content articles or items

For each of the elements above, you can also add custom CSS styling, one style per row. Example:

font-size:18px;
font-weight:bold;

Menu Settings

The menu settings allow you to configure the main navigation for your selected profile:

• The menu to be loaded (mainmenu or any other default menu is going to be the default setting)
• Menu system: Split Menu, CSS Menu, Mega Menu, Dropline Menu
• Starting & ending points of menu rendering
• If Mega Menu is selected, you can customize the animation settings:
  • Animation type: none, slide, fade, slide and fade
  • Animation duration - time in milliseconds for the animation
  • Delay hide time - time in milliseconds for the hide time delay.

User Tools Settings

In this section you can enable/disable the tools you want to show or hide any of the user tools for the selected profile:

• Font-size switcher - a usability feature that allows users to increase/decrease the font-size.
• Screen-size switcher - another usability feature that allows users to switch the template size in the front-end. Useful for old computers using screen resolutions below 1024x768.
• Profiles-switcher - allows users to switch the profile in the front-end. This switcher shows up when you have at least 2 PROFILES.
• Layouts-switcher - allows users to switch the layout in the front-end. This switcher shows up when you have at least 2 LAYOUTS.
• Text-direction switcher - allows users to change the text direction from left to right to right to left and back.
• Menu-system switcher - allows users to switch the menu system out of the avalable ones: Mega Menu, Split Menu, CSS Menu, Dropline Menu.

Themes Settings

This section allows you to override the default theme. To do that, please follow the steps described below:

• Click the Edit icon to open the theme selection box.
• Check one or more themes to be used to override the default theme.
• Click the Apply button.
• Click and drag the themes and set your favorite order: the first in the left will override all in the right, and the last is the default theme that is locked and cannot be dragged.
• Click the Apply button in the template administration panel to save the new theme settings.

Layout Settings

The layout settings allow you to set the default layout to be used as default for each user device type, for each specific profile. You can set here:

• a default layout for desktop computers
• a default layout for Handheld devices: BlackBerry, Android Mobile, Windows Mobile, etc
• a default layout for iPhone devices
• a default layout for Android devices