Main Content configuration

Published by Green Skills on

Welcome Module

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

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

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

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

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