Quick Start Guide

Bottom Promotion Modules

Bottom Promotion Modules

All 3 bottom promotion modules are pretty similar to the Welcome module discussed in previous section. The major difference here is they are published in other various module positions and the content part is little bit different. To create that module please make following steps:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click button New on the top toolbar.
3. Click line Custom HTML.
4. In new module’s configuration page you need to setup following parameters
   • Title: User Module (or anything you like)
   • Show title: Yes
   • Position: user5 (left) or user6 (center) or user7 (right)
   • Enabled: Yes
   • Module Class Suffix: -plain icon-dots
   • Content:
     <img class="image-left image-border" src="http://demo.joomlashine.com/joomla-templates/jsn_epic/images/jsn_epic/your_bottom_promotion_image.jpg" alt="Bottom Promotion" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sem. Cras erat ipsum, euismod ut, rutrum in, dignissim quis, libero. Praesent fermentum.
   • Menu Assignment: All (or at least Home)
5. Click button Save.

Now, when you have got the idea how to have bottom promotion modules, it?s time to setup your own image and text. The best size for your images here is 100px * 100px.

Copyright text

Copyright text

The Copyright text module is another User module configured to contain copyright text. To create that module please make following steps:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click button New on the top toolbar.
3. Click line Custom HTML.
4. In new module’s configuration page you need to setup following parameters<
   • Title: Copyright (or anything you like)
   • Show title: No
   • Position: footer
   • Enabled: Yes
   • Custom Output:
     Copyright &copy; 2006 – 2008 JoomlaShine.com. All rights reserved unless otherwise stated.
   • Menu Assignment: All
5. Click button Save.

Now, you just need to setup your own text.

Bottom DivBar Menu

Bottom DivBar Menu

The DivBar menu in the bottom position is simple yet nice menu bar with items separated by slightly visible dashes. Please make following steps:

1. 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 Footer Menu module among them. That might be the perfect choice.
2. In module’s configuration page setup following parameters:
   • Title: Footer Menu (or any other you like)
   • Show title: No
   • Enabled: Yes
   • Position: bottom
   • Menu Assignment: All
   • Menu Name: mainmenu (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: -divbar

For more information about all available menu styles please refer to JSN Epic PRO Configuration Manual.

Welcome Module

Welcome Module

The Welcome module is just simple User module created to contain some sample content. It’s shown in plain background with Double Dots icon. To create that module please make following steps:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click button New on the top toolbar.
3. Click line Custom HTML.
4. In new module’s configuration page you need to setup following parameters
   • Title: Welcome (or anything you like)
   • Show title: Yes
   • Position: user1
   • Enabled: Yes
   • Module Class Suffix: -plain icon-dots
   • Menu Assignment: All (or at least Home)
   • Custom Output:
     <img class="image-left image-border" src="http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories/your_welcome_image.jpg" alt="Welcome" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet, pulvinar sed, tincidunt sit amet, massa.
5. Click button Save.

Now, when you have got the idea how to have Welcome module, it’s time to setup your own image and text. The best size for your welcome image is 210px * 100px.

About Us Module

About Us Module

The About Us module is pretty similar to the Welcome module discussed in previous section. The major difference here is it’s published in another module position. To create that module please make following steps:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click button New on the top toolbar.
3. Click line Custom HTML.
4. In new module’s configuration page you need to setup following parameters
   • Title: About Us (or anything you like)
   • Show title: Yes
   • Position: user2
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -plain icon-dots
   • Custom Output:
     <img class="image-left image-border" src="http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories/your_aboutus_image.jpg" alt="About Us" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet, pulvinar sed, tincidunt sit amet, massa.
5. Click button Save.

Now, when you have got the idea how to have About Us module, it’s time to setup your own image and text. The best size for your about us image is 210px * 100px.

Latest News Module

Latest News Module

The Latest News module you see is standard Latest News module shown with plain background and Arrow icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Latest News in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Latest News (or anything you like)
   • Show title: Yes
   • Position: user3
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -plain icon-arrow
4. Click button Save.

If you want you can apply any other plain module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Popular Module

Popular Module

The Popular module is pretty similar to the Latest News module discussed in previous section. The major difference here is it’s published in another module position. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Popular in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Popular (or anything you like)
   • Show title: Yes
   • Position: user4
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -plain icon-arrow
4. Click button Save.

If you want you can apply any other plain module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Bottom Banner Module

Bottom Banner Module

The Bottom Banner module is standard Banner module shown without any module styles. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Banners in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Banners (or anything you like)
   • Show title: No
   • Position: banner
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
4. Click button Save

Newsflash Module

Newsflash Module

The Newsflash module you see on right column is standard Newsflash module shown with Yellow Box module styles and Article icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Newsflash in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Newsflash (or anything you like)
   • Show title: Yes
   • Position: right
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -box box-yellow icon-article
4. Click button Save

If you want you can apply any other module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Polls Module

Polls Module

The Polls module you see on right column is standard Polls module shown with Blue Box module styles and Selection icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Polls in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Polls (or anything you like)
   • Show title: Yes
   • Position: right
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -box box-blue icon-selection
4. Click button Save.

If you want you can apply any other module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Who?s Online Module

Who’s Online Module

The Who’s Online module you see on right column is standard Who’s Online module shown with plain background and Online icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Who’s Online in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Who’s Online (or anything you like)
   • Show title: Yes
   • Position: right
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -plain icon-online
4. Click button Save.

If you want you can apply any other module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Left side BulletTree Menu

BulletTree Menu

The side menu you see on left column is vertical tree-like menu presentation called BulletTree. By default all submenu items are collapsed until you select the parent menu item. Submenu items of each level have their own bullets to make it easier to distinguish. Please make following steps:

1. 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 Left Menu module among them. That might be the perfect choice.
2. In module’s configuration page setup following parameters:
   • Title: Side Menu (or any other you like)
   • Show title: Yes
   • Enabled: Yes
   • Position: left
   • Menu Assignment: All (or at least Home)
   • 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: No
   • Menu Tag ID: empty or any other you like
   • Menu Class Suffix: -bullettree
   • Module Class Suffix: -box box-grey

On the demo website side menu is shown in Grey Box module styles, but you can use any other module styles. For more information about all available menu styles and module styles please refer to JSN Epic PRO Configuration Manual.

Login Form Module

Login Form Module

The Login Form you see on left column module is standard Login Form module shown with Green Box module styles and User icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Login Form in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Login Form (or anything you like)
   • Show title: Yes
   • Position: left
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -box box-green icon-user
4. Click button Save.

If you want you can apply any other module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Syndicate Module

Syndicate Module

The Syndicate module you see on left column is standard Syndicate module shown with plain background and RSS icon in module’s title. Let’s see how to set it up:

1. Go to module manager by menu Extensions -> Module Manager.
2. Click on Syndicate in module list.
3. In module’s configuration page you need to setup following parameters
   • Title: Syndicate (or anything you like)
   • Show title: Yes
   • Position: left
   • Enabled: Yes
   • Menu Assignment: All (or at least Home)
   • Module Class Suffix: -plain icon-rss
4. Click button Save.

If you want you can apply any other module styles available in JSN Epic PRO. For more information about all available module styles and icons please refer to JSN Epic PRO Configuration Manual.

Header image slideshow

JSN ImageShow

The header image slideshow you see on JSN Epic demo website is another cool Joomla! extension from JoomlaShine.com called JSN ImageShow. This extension is NOT included in the template download package and you have to download it separately. Please visit JSN ImageShow homepage for more details.

After installation of JSN ImageShow you need to prepare your images and configure JSN ImageShow appropriately.

Stage 1: Prepare images to be included in slideshow

In this stage you are going to get your images ready for the slideshow. JSN ImageShow is able to automatically resize your images to match the slideshow size, but for the best result we’d recommend you to pay attention to preparing your images. The main thing here is to crop your images so they have size similar to slideshow area size. That means the width/height ratio of sizes should be the same or similar. For example, if you have slideshow area with size 450px * 300px (the ratio is 1.5) then your images would better be: 375px * 235px (the ratio is 1.6) or 525px * 375px (the ratio is 1.4).

Another thing worth mention here is JSN ImageShow works best with JPEG format, so if you are going to show photos, please use JPEG format.

Stage 2: Upload images to your server

Now, when your images are ready, it’s time to upload them to your server. You can use Media Manager in Joomla! administration or you can use your favorite FTP client. For example, you can create folder myphotos under folder http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories and upload all your images there.

Stage 3: Setup parameters for JSN ImageShow module

Now when you have your images prepared and uploaded to some folder on your server, it’s time to setup JSN ImageShow module. Please make following steps:

1. Go to module manager by menu Modules -> Site Modules.
2. Click on JSN ImageShow item in the list and setup parameters as following:
   • Show title: No
   • Position: header
   • Published: Yes
   • Image Folder: http://demo.joomlashine.com/joomla-templates/jsn_epic/images/stories/myphotos (this is example folder discussed in previous stage)
   • Width: 100%
   • Height: 250
   • Pages / Items: All (or at least Home)
3. Click button Save

Above parameters are quite enough for JSN ImageShow to start showing images, but you are free to tweak a lot of other parameters to get desired view and effects.

Promo user modules

User Module

The text module near image slideshow is just simple User module created to contain some sample content. To create that module please make following steps:

1. Go to module manager by menu Modules -> Site Modules.
2. Click button New on the top toolbar.
3. In new module’s configuration page you need to setup following parameters:
   • Title: User Module (or anything you like)
   • Show title: Yes
   • Position: user8 (for the right-side module) or user9 (for the left-side module)
   • Published: Yes
   • Content:
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sem. Cras erat ipsum, euismod ut, rutrum in, dignissim quis, libero. <a href="#">Praesent fermentum</a>.
   • Pages / Items: All (or at least Home)
4. Click button Save

Now you see that sample text module near image slideshow. Currently it does not contain any meaningful information, but you got the idea how to have the text there.