Header Area configuration
Logo
The logo JSN Epic is default sample logo and you are free to replace with your own. The logo image file is called logo.png and located in folder joomla_root_folder/templates/jsn_epic_pro/http://demo.joomlashine.com/joomla-templates/jsn_epic/images/. There are 3 stages involved in changing the default logo to your own:
Stage 1: Prepare your own logo image file
First, you need to prepare your own logo image file in some graphic editor like Adobe Photoshop or Fireworks. We recommend you to save your logo in format PNG-8, but you can use any other as well. Don’t forget to give some white margin space around the logo. Also you need remember logo’s width/height dimension to set them up in template parameters later.
The included JSN Epic logo source file logo.psd can be perfect starting point.
Stage 2: Upload logo image file to your server
Once your logo file is ready, it’s time to upload it to your server. You can upload it to any folder under your Joomla! root folder by using standard Joomla! Media Manager or by FTP client.
Stage 3: Setup template parameter to use new logo
If you uploaded your logo to template’s images folder overwriting the original file, then you don’t need to do anything thing additionally. Otherwise you need to setup JSN Epic PRO to apply your new logo.
- Go to template manager by menu Extensions -> Template Manager.
- Click on template name JSN_Epic_PRO.
- Here in the Template Edit page you will see the list of template parameters in section Parameters. You need to configure following parameters:
- Logo Path ? path to your logo image file starting from your Joomla! root folder. For example if you named your logo image file as mylogo.png and placed it in folder /http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories, then the logo path should be /http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories/mylogo.png;
- Logo Width ? the width of your logo image file;
- Logo Height – the height of your logo image file;
- Additionally you can setup following logo parameters:
- Logo Link ? URL where logo image should link to (! without preceding slash !).
- Logo Slogan – Slogan text to be attached to the logo image ALT text for SEO purpose.
- Click button Save.
Top Icon Menu
The top menu you see on JSN Epic PRO demo site is a very innovative Icon menu system called Icon Menu. By combination XHTML, CSS and Javascript Icon Menu allows you to assign up to 20 predefined icons to menu items and arrange them in a horizontal line. This is perfect for top position in any kind of websites. Please make following steps:
- In module manager click on the menu module you want to use as top menu module. By default, Joomla! 1.5 comes with various menu modules and there is Top Menu module among them. That might be the perfect choice.
- In module’s configuration page setup following parameters:
- Title: Top Menu (or any other you like)
- Show title: No
- Enabled: Yes
- Position: top
- Menu Assignment: All
- Menu Name: topmenu (you might want to use another menu source here)
- Menu Style: List
- Start Level: 0
- End Level: 1
- Always show sub-menu Items: No
- Menu Tag ID: empty or any other you like
- Menu Class Suffix: -icon
- Now you need to pick what icons to show in the menu. As stated before there are 20 predefined icons for you to choose. You need to setup template parameter Menu Icons by specifying icons’ name separated with a comma. In our example template parameter Menu Icons should be ?home,cart,download?.
For more information about all available menu styles please refer to JSN Epic PRO Configuration Manual.
Main Suckerfish Menu
The main drop-down menu is adaptation of popular Suckerfish menu to Joomla! CMS. By just combination XHTML and CSS it allows you to have clean accessible XHTML code structure and simple yet effective drop-down menu effect. Please make following steps:
- In module manager click on the menu module you want to use as main menu module. By default, Joomla! 1.5 comes with various menu modules and there is Main Menu module among them. That might be the perfect choice.
- In module’s configuration page setup following parameters:
- Title: Main Menu (or any other you like)
- Show title: No
- Enabled: Yes
- Position: toolbar
- Menu Assignment: All
- Menu Name: mainmenu (you might want to use another menu source here)
- Menu Style: List
- Start Level: 0
- End Level: 0
- Always show sub-menu Items: Yes
- Menu Tag ID: empty or any other you like
- Menu Class Suffix: -suckerfish
For more information about all available menu styles please refer to JSN Epic PRO Configuration Manual.
Font Size Changer
Font size changer is brand-new feature introduced in JSN Epic PRO v2.0. By default it’s turned on so you don’t have to make any additional actions. If you want to disable font size changer please make following steps:
- Go to template manager by menu Extensions -> Template Manager.
- Click on template name JSN_Epic_PRO.
- Here in the Template Edit page locate the parameter Show Font Resizer and set it to No.
- Click button Save and refresh your website front-end to see the result.