Documentation

Template Settings

You can access to template manager with the top menu : "Extensions --> Template Manager --> joomspirit_48 "

With "joomspirit_48 template", you can :

• Set the width of your website, for the middle website, the left and right column in px or % (fixed or fluid)
• Choose if you want display the shadow image on sides
• Choose a color theme for your font : orange, blue, green or grey
• Display or not your social links
• choose the font size

Typography

You will find the two fonts I'd use for "logo" and "Welcome" (features page) in the package.

Module Positions

You must publish your modules with the right position :

Example for the "adress" position : go to the module manager and create a new module with the option "custom html". Write your adress or/and copyright and choose the position "adress".

Extra position "image" :

"Image" is an extra position is to insert an image or animation in your frontpage.

For that, you must create a new module with the option "custom html".
After, assign this module to the position "image" and insert your image inside. You can set the width for this position in the template manager.

Note : With this position, there isn't the image shadow on the side. The purpose of this position is to display a module with a width different from the rest of the website.

How to display your logo ?

Go to the module manager and create a new module with the option "custom html". Choose the position "logo".
Then, insert your image with the wysiwyg editor and publish your module.

Warning : the width for your logo is free but the maximum height is 150px.

How to configure the main menu ?

You must :

• Select the position : "menu"
• choose "yes" for always show submenu item
• Enter the menu tag ID : "main_menu"

Options for displaying your modules in the "left", "right" or "user" positions :

You are several possibilities for display yours modules :

• Without module class suffix : no background image and none style for your list. It's ideal for put just an image or text.
• With the module class suffix " border" : you obtain a border around the module.
• With the module class suffix " grey" : you obtain a grey background.
• With the module class suffix " submenu" : you add some CSS style for the list. It's ideal for your menu.
• With the module class suffix " link" : you add an arrow before each link.

How to obtain the same Home page as on the demo ?

I display a single article on my Home page. Inside this article, I insert the image "Welcome" and a slideshow module.

It's easy to insert an image with the wysiwyg editor.

To display the slideshow module in the article, I choose an unusual module position for this module : user9
Then, I insert the syntax {loadposition user9} in the article with a right align. This is the code of my article :

I include the image "welcome" in the package

Link

To continue to offer affordable prices, I decided to display a soft Copyright in the bottom left corner to increase awareness of the site JoomSpirit.

This does not affect your site, but if you want remove this link, you must edit the file "index.php" and delete this line in the end :

<?php echo $js ; ?>