Re: How to add a new module position.
Posted: Fri Jun 03, 2011 11:04 pm
Thank you very much !!!
GameDaddy wrote:First thing you'll want to do is go to the templateDetails.xml and add your new position. Simply insert a line about here in the code:
Next, you'll want to go to the Module Manager and map one of your modules to your new position. Just as an example, in the Rhuk Milkyway template the Newsflash module is mapped to the top position... which in that template is inserted at the top of the index.php file next to the logo which also is mapped to the Top position in the Index.php file.Code: Select all
<positions> <position>left</position> <position>right</position> <position>top</position> <position>mynewpositionhere</position> </positions>
Just to clear up this confusion, With the Rhuk Milkyway template, the logo and the top module is actually loaded into the template by the index.php with the following css & command:
When you go to Extensions > Module Manager and look for the top module, you won't find it. You won't find it in the plugins either. This is because the Top module is actually part of the Joomla! core code.Code: Select all
<div id="logo"></div> <jdoc:include type="modules" name="top" /> </div>
The css for the div id logo loads the actual logo image from the template.css style sheet while the newsflash items are loaded by the top module, which is invisible being a part of the Joomla! core and all.
Instead of using css to load our logo, we are going to replace that Top module with a completely new module that only displays our logo graphic... ready?
First use the media manager in the control panel and upload the image you want to use for your logo. Next we are going to create a Module that holds that image.
Extensions > Module Manager > New
choose the Custom HTML option by selecting the radio button.
Title: topper
Position: mynewpositionhere
Scroll down a bit until you see Custom Output... go to the bottom of that. See your Image button? Click it. This will load the media manager and allow you to place an image in the module, in your case, choose your logo.
Insert your logo by clicking the logo file and clicking insert from the upper right of the now opened media manager. Apply and Save your changes.
Finally, we are going to add the code that serves up the logo image with your template, Open up the index.php file
Extensions > Template Manager > YourTemplate > Edit > EditHTML
and add the following code where ever you want this module (and your logo) to appear:
Apply and Save your changes. Preview your work!Code: Select all
<jdoc:include type="modules" name="topper" />
If you are actually doing this using the Rhuk Milkyway template for example, you need to remember to disable the newsflash module and remove the Jdoc statement that loads the Top module.
Cheers!