Joomla Template: JP- Dreamcars

Setup&Readme

Welcome to this small readme file and thanks for using one of Joomlaplates.com Joomla Templates. The following documentation will help you to install, setup and maintain the template and its file(s). If you have further questions, problems or if you need support feel free to contact us. Just fill out the contact form at our website here.

You can always request some support from us, but you need to take in mind that customization is not regular support service.

TIP: If you want to customize a template ( logo.gif, color, font or background) and don´t know the css class, please use Firefox with the Firebug extension. Here you can analyze every CSS style for customizing the template CSS.
Tutorial:http://getfirebug.com/html

Template Installation&Activation

Read and follow the three steps below to install and activate your new template. After the successfull installation and activation read on and learn more about the setup and the different options provided by the template.

1.) Download&Extracting

First of all you have to download the template package to your local HDD. Than extract the .zip archive. The archive includes the templates installation file (another .zip archive) plus additional files like this documentation, Photoshop source files etc. Keep in mind where you store the installation file and proceed to step 2.

2.) Installation

Log into your Joomlas admin backend (enter http://www.yourwebsiteurl.com/administrator in your browser) and click on "Extensions -> Install/Uninstall" to access the extension manager. Hit the "Search" button, select the installation file from your HDD and hit the "Upload File & Install" button. Wait a moment and you are done. Proceed to step 3 to learn more about the activation and setup.

3.) Activation

Your new template is installed now but inactive. To activate it click on "Extensions -> Template Manager". A list of all installed templates appears. Select your new template and hit the "default" button in the upper right corner. Your template is now installed and active and you can start to set it up by following the next steps in this document

Download: Much more detailed PDF Template Installation instruction.
We always recommend installing our demo content first to trial and understand the template more efficiently.
Therefore read the PDF instructions at >> Unzipped Template / Joomla 1.x / demo content / Pdf files

Template Configuration

1.) Setup your own logo ( image)

  • Connect via FTP to your installed Joomla Root
  • Goto the folder templates > and select your installed Joomlaplates template
  • Search into the image folder > jp_your_template / images / logo.png or logo.gif
  • Delete now the image and upload your own logo image file.
If your Template has more COLOR option you have to take the right folder, which COLOR is selected.
Example: JoomlaRoot > templates > jp_your_template > styles > your selected color > images / logo.gif or logo.png.

Suckerfish Menu Configuration

The template comes with an moduleposition called "suckerfish".

  1. To display your main menu module on this position log into your backend and click on "extensions->module manager".
  2. Select your main menu module from the list and hit the "edit" button in the upper right corner. The main menu module setup screens appears.
  3. Select as moduleposition "suckerfish" and save the changes.
  4. To activat the "Suckerfish" drop down function for sub menu items click on "Module Parameters" in the right column and activate the "Always show sub-menu Items" function.
  5. Than click on "advanced Parameters" and use the module parameter show on the image below.
  6. Save the changes.

Make sure that the module is published on all home- and subpages and that no other module is published on the "suckerfish" module position.

MooMenu ( Suckerfish) is native integrated and needs NO extra module installation.

Joomla 1.5 only! ( MooTools Upgrade ) Javascript Error

The Moomenu and the integrated module slider or slideshows are not working with enabled mtupgrade plugin.

  1. To disable the mtupgrade goto > extension > plugins
  2. Search for System plugins
  3. Disable the "System - Mootools Upgrade"

if you want to use the mtupgrade plugin, you have to disable the Moomenu from Template backend parameters.

Modulepositions & Setup

1.) Number of positions

click here
The Template provides a lot of modulepositions, separated into different sections. Click on the image to the right to open a modulepositions overview map. All modulepositions are collapsible, they are removed completely if they are not in use.

2.) The header slider module(s)

The Template comes with a build in JavaScript slider area. The slider area includes up to 12 slides.
Every slide is a stand alone moduleposition called header1, header2, header3...header12. If none of these 12 modulepositions are in use, the slider area disappears completely. If you setup just one moduleposition it will load just this one static module without the sliding navigation. If you use more than one of these modulepositions (for example "header3" and "header5") the slider area will load the first module on show the navigation to "slide" to the second one. You can use the 12 modulepositions to setup what ever you want. For example: A image, a text, HTML code, a video or one of the thousands of free and commercial Joomla modules out there.

3.) Header Slider Configuration

As mentioned before the slider area will be activated automatically as soon as you publish a module on position "header1 - header12".
But you can also setup and change some basic settings from the templates config screen. To access the config screen click on "extensions->template manager". Select the template from the list and hit the "edit" button in the upper right corner. The templates config screen will appear. Inside the right column you can setup the hight, the duration between two slides in milliseconds, the positions of the navigation elements and you can choose one of two different effects (slide horizontal, slide vertical). And the configuration lets you also activate/deactivate the "auto play" function and edit other template related options.

4.) Setup individual HTML modules

A small video tutorial of setting up a custom Module in joomla 1.6 setup custom modules. Joomla allows you to add your own modules with your own text/HTML content very easily. We use such custom modules on the templates demo site to outline the different module positions. If you want to add your own log into your admin backend and click on "extensions->module manager". Hit the "new" icon in the upper right corner and select as module type "custom HTML".

The setup screen of your new module appears. Add a name, select the module position where you want to display your content (take a look at the "module map" above) and add your content into the editor text box at the bottom of the setup screen. You can add texts, images, links and any other HTML elements. Save your module and publish it.

5.) Setup a header area like on our demo site

If you like the header area image/text on our demo site you can rebuild it on your Joomla website very easily.
You can also use the "image" icon in the toolbar to add a single image instead of adding HTML code directly. In this case a popup window appears where you have to enter the image URL "alt" text etc.
Of course you can add/edit the text and add another images and/or links.
Publish your new header module on position "header" for a static header or on one of the "header1", "header2", "header3"...."header12" positions if you want to use the module slider area for a set of two or more header modules.

Lightbox Configuration

The template comes with a nice and simple "Lightbox" script. Means you can add images or external sites which opens in a nice box overlay while the background becomes dark.
For example this code:
<a href="bigversion.jpg" rel="lightbox" title="A sample title"><img src="smallversion.jpg" alt="image" /></a>
shows one image (smallversion.jpg) and if the user click on it the link target (bigversion.jpg) will open up in the lightbox.
The important thing is the rel="lightbox" code. If you add it to a link somewhere on your website the link"href" target will open up in a lightbox.

To add "rel="lightbox" code switch your editor to HTML mode (hit the small "html" icon in the toolbar or click on the "toggle editor" button below the editors text window.