Joomla Templates Club 406,261 posts

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#145732

I’m trying to set up a 3 column ja_swli. By default it it works with user1 and user2. I thought that adding an unused user8 in the index.php (duplicating the construct would do it). In the index.php I added:

$spotlight = array (‘user1′,’user2′,’$user8’);

and

<?php if( $this->countModules(‘user8’) ) {?>
<div class=”ja-box<?php echo $topspl[‘user8’][‘class’]; ?>” style=”width: <?php echo $topspl[‘user8’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user8″ style=”xhtml” />
</div>
<?php } ?>

Although it shows up it is overlapping unbalanced (not 33% per column). I took a look at the files under modules/ja_slwi and the JavaScript but this is more than I know. Can anyone point out what I should be looking for or how to make three columns (in 3 modules) work?

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

#322472

Hello bobmeetin!

please give me link, i could have a closer look on the issue.

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#322490

This site is under construction, visit: http://74.53.228.210/~p3/index.php. The template is ja_drimia, not dravity.

On the home page it is mostly vanilla for now. The only major difference is that I widened the primary content column and will be going with a wider single column as well. Since widening the column I see that the hover over text pushes outside the boxes. With the last box I played and added in an extra paragraph tag which helps.

Scroll down the left column menu and select: mod_ja_slwi

For texting I have only 3 boxes implemented, so should be three columns and one row, but you see that the third box (user8) is in the wrong locale.

I did some fishing through the templates and found that ja_sulfur has a similar function so tried to make it work. I installed the mod_ja_catslwi and set up 3 content items, but this is even less appealing. Other than the images being slightly smaller that I used the settings are the same. To see it select the menu item mod_jacatslwi.

Thx for help.

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

#322496

hello bobmeetin!

on my site, i have done everything same as example you gave.
Nothing happening, it work well, may be you have mistaken codes in here:

[PHP]$spotlight = array (‘user1′,’user2′,’$user8’);[/PHP]

right:[PHP] $spotlight = array (‘user1′,’user2′,’user8’);[/PHP]

please try to check again.

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#322555

Thanks, that was easy enough; a second pair of eyes is priceless.

However, there is still a problem, a formatting problem. Please revisit: http://74.53.228.210/~p3 and select the mod_slwi page. If I only enable user1 and user2 it formats perfectly, but once I enable user8, user2 is misaligned both horizontally and vertically and the right side is cut off.

I doublechecked, it does not matter whether I disable user1, user2, or user8, so long as only 2 are enabled the formatting is fine. It feels as if formatting is relevant to some minimum amount of space?

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#323279

I toyed with this a bit more, copied the source to my desktop so that I could more easily examine/update the code. I located the section pertinent to the middle box:

<div class="ja-slwi" style="position: relative; height: 130px; margin: 0; padding: 0;background:ur ...

If I changed the margin to something like: margin: -10px 0px 0px -10px; it brought the position close to lining up all 3 boxes. So I back into the admin for the module and placed an underscore in the style:

Module Class Suffix: _

This basically disables the basic style and helped. Then I did the same to the left and right and the problem is now fixed.

Also to note – I am removing the problem example as it was on a client’s website; if you need to see an example, pm me and I can put one up in a live/permanent/demo location.

[Author]

Posts