Home > Design, Joomla!, Tutorial > Add Additional Module Position in JA Purity Template

Add Additional Module Position in JA Purity Template

March 30th, 2009 Leave a comment Go to comments


This tutorial will show how to add additional position for module in JA Purity Template. In this case will add above the main content.
Preview:
Before:
Before Editing
After:
After Editing

Add a Position for a Module Above Main Content

To add a new position for a module you need to edit two files, index.php and templateDetails.xml

Edit index.php

To edit index.php, go to Administrator page -> menu Extensions -> Template Manager. Choose JA_Purity -> click on Edit icon. Then click Edit HTML icon.
Template Manager
Edit HTML
Go to line 172, find:

<jdoc:include type="component" />

Add code above it to add a new position. You can have different kinds of module style, here are the examples:
First example:

<jdoc:include type="modules" name="user6" />

Style 1
The first style doesn’t have title in this style.

Second example:

<jdoc:include type="modules" name="user6" style="xhtml" />

Style 2
It has a title but no styling.

Third example:

<jdoc:include type="modules" name="user6" style="jarounded" />

Style 3
It has a title with styling.

So it become like this:

1
2
3
4
5
6
<?php endif ; ?>
 
<jdoc:include type="modules" name="user6">
<jdoc:include type="component" />
 
<?php if($this->countModules('banner')) : ?>

Save it. Since you add a new position, for this example is user6, you need to edit templateDetails.xml.

Edit templateDetails.xml

To edit the file you need to browse folder on your web server. It is located in ja_purity template folder.
Go to tag

<positions>

Add

<position>user6</position>

so it become like this:

1
2
3
4
5
<position>user4</position>
<position>user5</position>
<position>user6</position>
<position>footer</position>
<position>syndicate</position>

Add a Module to user6 Position

To see the result assign a module to user6, for example I use the Newsflash module.
Module Manager
Edit Newsflash

Related posts:

  1. Little Modification on JA Purity Joomla! 1.5 template: JA Purity JA Purity is one of...
  2. Hide Quick Reply Text-Area in Fireboard I use Fireboard 1.0.4, a Joomla! Forum Extension, and I...

Related posts brought to you by Yet Another Related Posts Plugin.

  1. May 18th, 2009 at 17:59 | #1

    Thanks for the article!
    I added a second top banner by putting the code: above line 158:
    <div id=”ja-mainbody” class=”clearfix”>
    looks great,
    Thank you!
    Jose

  2. Eleanor
    May 30th, 2009 at 11:53 | #2

    Thank you so much for this tutorial! It was very easy to follow and exactly what I needed to know.

  3. May 30th, 2009 at 17:03 | #3

    Nice to help you ;)

  4. June 9th, 2009 at 11:17 | #4

    can you tell me how you have made this?

  5. June 16th, 2009 at 10:50 | #5

    Hi

    Thanks for the tutorial it was very useful although now I m facing a new issue.

    I have created a banner but it’s positioned on the left how can I center it, I m not able to find place where to input the modification. Any idee

    Thanks for you help

    Julien

  6. mike
    October 6th, 2009 at 23:13 | #6

    I need to add a Header position to a mod_flash module. Tried to adapt these instructions by using AND header, but it didn’t work. Anybody there to advise?

  7. mike
    October 6th, 2009 at 23:15 | #7

    header

    DOES NOT WORK!

  8. mike
    October 6th, 2009 at 23:18 | #8

    Tried to show code I used here, but this comments field won’t let me do it. Sorry.

    Lets just say I substituted the word “Header” in the relevant code positions. Does not work.

  9. manuel
    October 9th, 2009 at 04:19 | #9

    Sorry for the off-topic but could someone please tell me why the titles of modules published in the banner area have no title?? this is driving me nuts! of course they are enabled in the module properties.

  10. December 1st, 2009 at 08:04 | #10

    Thank you. This is very helpful.

    To Manual: Instead of adding a section, follow the directions in this post up to the point where you’re editing the html. Find the following line:

    and change it to

  11. December 1st, 2009 at 08:12 | #11

    My post didn’t print correctly. What I mean is, instead of adding a new section, modify the definition of the banner section by adding ‘style=”xhtml” to the definition.

  12. December 16th, 2009 at 22:57 | #12

    thanks for your advice.

  13. Adam
    January 4th, 2010 at 10:59 | #13

    To get the titles to show you need to edit the template’s html file. Locate this line jdoc:include type=”modules” name=”banner” /> and add style=”xhtml” before the /?

    manuel :
    Sorry for the off-topic but could someone please tell me why the titles of modules published in the banner area have no title?? this is driving me nuts! of course they are enabled in the module properties.
    Reply

  14. March 13th, 2010 at 07:57 | #14

    Good work! Helped me to resolve my issue. Thanks and keep it going…..

  15. April 22nd, 2010 at 01:07 | #15

    Hi There,

    I want to be able to add two modules side by side, any ideas on how to do that?

    Many Thanks!

  16. June 19th, 2010 at 02:55 | #16

    Great info, thanks for useful article. I’m waiting for more

  17. July 23rd, 2010 at 10:44 | #17

    Can you tell me how to add additional module position ja urani?
    Thank you!

  1. No trackbacks yet.