Nos activités

Module style and Icons style

ST Magazine comes with different module styles and icons. For each module you can combine it with 23 predefined icons for module title styling. Take a look around to see how module styles are applied.

Module Style

Module styles are configured by module's parameter Module Class Suffix with very simple syntax.

Module styles with icon

To set up icons, you need to add string "icons-xxx white" to module class suffix, where xxx is the icon name and white is icon color.

Icons style

ST Magazine provide 23 predefined icons with 2 colors : white and grey.

Icon list style

Disable / Enable Setting Bar - Google Analytics

Disable / Enable Setting Bar

Google Analytics

#1 - Access the admin area >>> Extension Manager >>> Template Manager >>> st_magazine - Default

#2 - Open tab "Options" >>> open tab "Global" >>> Enter Google Analytics Code in parameter "Google Analytics - Tracking ID"

Menu Style

ST Magazine provides three menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don’t need to install any external menu modules.

Main menu default

To set up Main Menu please select the menu module you want to use and set up parameters as follows:

• Title : Main menu (or any other you like)
• Show Title : Hide
• Position : Tool
• Status : Published
• Access : Public
• Select Menu : Main Menu (you might want to use another menu source here)
• Start Level : 1
• End Level : All
• Show Sub-menu Items : Yes
• Menu Class Suffix : avatar-main-menu avatar-menu-icons white (Please only use “avatar-menu-icons white” if you want to display icons - white is icon's color)
• Alternative Layout : Responsive

Main menu with icon

To set up icons, you need to go to menu item settings and take the following steps:

Add symbol combination icons-xxx to menu item’s parameter Link CSS Style, where xxx is the icon name.

Slide menu left

Side Menu is a unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To set up Slide Menu left please select the menu module you want to use and set up parameters as following:

• Title : Slide menu (or any other you like)
• Show Title : Show
• Position : left-top
• Status : Published
• Access : Public
• Select Menu : Main Menu (you might want to use another menu source here)
• Start Level : 1
• End Level : All
• Show Sub-menu Items : Yes
• Menu Class Suffix : avatar-slide-menu-left avatar-menu-icons white (Please only use “avatar-menu-icons white” if you want to display icons - white is icon's color)

Slide menu right

To set up Slide Menu right, do the same config with Slide Menu left. In parameter Menu Class Suffix : avatar-slide-menu-right avatar-menu-icons white (Please only use “avatar-menu-icons white” if you want to display icons - white is icon's color)

Slide menu with icons

You can set up menu items to utilize icons just as you can with Main Menu.

Tree Menu

Tree Menu represents menu items in a clear tree-like hierarchy which is very appropriate for indexing menu. By default all sub-menu items are collapsed until you select the parent menu item.

To set up Tree Menu please select the menu module you want to use and set up parameters as following:

• Title : Tree menu (or any other you like)
• Show Title : Show
• Position : left-top
• Status : Published
• Access : Public
• Select Menu : Main Menu (you might want to use another menu source here)
• Start Level : 1
• End Level : All
• Show Sub-menu Items : No
• Menu Class Suffix : avatar-tree-menu avatar-menu-icons white (Please only use “avatar-menu-icons white” if you want to display icons - white is icon's color)

Tree Menu with icons

You can set up menu items to utilize icons just as you can with Main Menu.