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
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:
<jdoc:include type="modules" name="top" />
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.
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: topperPosition:
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
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:
<jdoc:include type="modules" name="topper" />Apply
your changes. Preview
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