Joomla Templates Club 406,261 posts

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#154375

Hi, i know how to add a new module, but i dont know how to position it in the position in this picture. I need a step by step on how to add the correct code in index.php and template.css to place it in the same position as the red banner in the image below. thanks alot

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#355787

now, you open the file: templatesja_leadindex.php and find the following code:
you find:
[PHP]
<?php if ( $this->countModules(‘ja-slideshow’) ) { ?>
[/PHP]
and replace:
[PHP]
<div id=”ja-extra” class=”wrap”>
<div class=”main clearfix”>
<div class=”left”> <jdoc:include type=”modules” name=”extra-left” style=”raw” /></div>
<div class=”right”> <jdoc:include type=”modules” name=”extra-right” style=”raw” /></div>
</div>
</div>
<?php if ( $this->countModules(‘ja-slideshow’) ) { ?>
[/PHP]

and add the following css into the template.css file:

#ja-extra .right, #ja-extra .left { height:120px; margin:15px 0; }
#ja-extra .right { float:right; width:30%; background:red; }
#ja-extra .left { float:right; width:69.8%;}

when done, the template will have 2 new positions: extra-left and extra-right, you will put the mini basket module on the “extra-right” position, other is put on the “extra-left” position

1 user says Thank You to Saguaros for this useful post

1. Arvind Chauhan

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#356380

it worked, thanks ok

[Author]

Posts