Template Guide - Vector
 

To make sure your template is setup correctly, please make sure you read through the template guide thoroughly. We have made the template as customisable as possible and all our css is fully commented.

Before You Start:

Once you have successfully downloaded your template, you will need to extract the zip archive to your local computer, using a free archive utility like 7zip (PC) or MacZip (Mac), extract the contents on the zip (named something along the lines of "ExtractMe-TemplateName.zip" onto your computer.

First of all, lets start by explaining whats included in your download and how we have structured the files. In the main folder that you have just extracted to, you should have the following folders:

  • Template Install (This includes the actual file that you will use to install the template)
  • Source Files (These are the Fireworks source files that we designed the template in. If you dont have a copy of Fireworks, you can always download a trial version from the Macromedia site here.)

Step 1.) Installing the Template.

  1. Go to "Installers > Template Site"
  2. Browse for the template zip file in the Template Install folder.
  3. Click "Upload File and Install".
  4. Click "Continue..."
  5. In the Template Manager, select the new template's radio box and click on the "Default" button (top right).

The template will now be successfully installed, so you can proceed to Step Two to setup your modules.

Step 2.) Setting the module options.

We have setup the entire template to pretty much work "out the box", so there isn't much you need to do.

  1. Right Sidebar Menu - To get your sidebar menu displaying the same as on the demo site all you need to do is set the main menu module to a "flat list".
  2. Site Footer Menu - We are using the "Other Menu" module to act as the footer, as there isn't a footer menu by default in Joomla!. All you need for this to work properly, is open the "Other Menu" module, set a module and menu suffix
    of "-footer", choose Menu Type: "Flat List" and assign it to the "Footer" module positon.
  3. Show / Hide Login - If you want to make use of the top login box, all you need to do is publish the login module to the "user9" module position and make sure it is set to display on all pages.

    Please note that the Joomla 1.5 version of Vector uses the "login" module position rather than User 9.

  4. Sidebar Tabs - These will automatically pull in the contents of the user1, user2 and user3 module positions - which is latest news, popular items and related items. If you would like to use these tabs for something else, simply unpublish the 3 default modules and publish what you want to use ther instead.
  5. To use the 2 module positions above the main content area, all you need to do is publish the modules you would like displayed, to the user5 or user6 module positions. All the module positions in this template are full collapsibile, so if nothing is published to a specific module position, it will not be displayed. A great module for displaying content is the Flex Content module.
  6. Blue, Green or Pink Feature Box - By default, the feature box will use the blue styling and pull in the contents of the newsflash module. If you would like to use one of the other colors, all you need to do is add a module suffix of either
    "-large-green" or "-large-pink".
  7. Sidebar Header Colors - Same concept as above, only this time if you want to change the module header color to green or pink, you need to add a module suffix of either "-green" or "-pink"
Module Positions

Print this image out for a quick reference.

TIP: Getting TinyMCE Editor to display properly.

One of the most frequent questions we get asked is how to get the default Joomla editor to display properly when editing content. The problem that occurs with the way the editor works. By default, it will automatically pull the styling from the published template, which means if there is a background color or graphic set on the templates frontend, this will be used as the editors background. This makes editing content really difficult. To get this to display a normal white background all you need to do is login to your Joomla! admin, go to the Mambots Manager, click on the "TinyMCE WYSIWYG Editor" to edit its properties. From the modules parameters on the right, make sure that "Template CSS classes" is set to No. This will then revert the editor to use its own default styling, giving you a nice white background to edit your content in.

 
< Prev   Next >

What our clients think

These guys are definitely pros at what they do. Their templates are well thought out, both in usability, and in what really works from a real-world usage standpoint.

 
 

Browse Guides

Browser support

Our Joomla templates are designed for and tested in IE, Firefox, Opera and Safari

CSS Structure

Find out why our templates are so easy to customize
view sample css

Follow us on Twitter

    Love Thy Favicon!

    Click on a block to select it..


    • Template Club

      We have a number of membership options to give you access to all our templates. readmore

    • Team Blog

      Have you seen the new Prothemer Team Blog, where we are covering all CMS related topics! readmore

    • Help & Support

      We offer various types of support to assist you in getting setup with your new Joomla template. readmore

    • Demo Templates

      Not had a look at our templates yet? Why not head over to our demo server to take a peek!! view demos

     
    • Copyright © 2010 joomlajunkie.com.