how to set number of items per row? (solved)

Phoca Panorama - displaying list of panorama images and detail of selected panorama image
izugar
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 21 Jul 2014, 08:37

how to set number of items per row? (solved)

Post by izugar »

Hi,

I'm trying the Phoca Panorama. When I set the menu type as Categories, it shows a list of items in a single column, which is not the same way as the sample image that have many thumbnails in a row. I'm not sure if it was set with my template or menu, any clue? thx

KC
Last edited by izugar on 22 Jul 2014, 07:09, edited 1 time in total.
izugar
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 21 Jul 2014, 08:37

Re: how to set number of items per row?

Post by izugar »

here is the screen shot of my local server. The template do not have setting for number of columns within the main body, and they suggest I seek help from the application. I just don't want to use another portfolio app for displaying the pano if it could be fixed with a little tweek. Any advise will be most welcomed. thanks.

http://ge.tt/2gXbL5p1/v/0

Cheers,
KC
izugar
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 21 Jul 2014, 08:37

Re: how to set number of items per row?

Post by izugar »

Hi,

I checked the view template code, there is a check for multiple of 3 in each loop for proper formatting, but it didn't work

if ($i%3==0) { echo '<div class="row">';}

$i++; if ($i%3==0 || $c==$i) { echo '</div>';}

I also changed to the basic Bee template with the Joomla 3, still having a single column.
see screen shot here: http://ge.tt/2gXbL5p1/v/1

pls help, thx
izugar
Phoca Newbie
Phoca Newbie
Posts: 4
Joined: 21 Jul 2014, 08:37

Re: how to set number of items per row?

Post by izugar »

There is nothing wrong with the php code for putting 3 items in a row, just the rocket theme tweek the width differently and caused some trouble in virtuemart too. The problem solved by changing the inline css for building the row & div:

if ($i % 3 == 0) { echo '<div class="row" style="margin-top: 15px;">';}
echo '<div style="width:300px;float: left;margin-left: 25px;">';

My pano are now lining up nicely: http://ge.tt/2gXbL5p1/v/2?c
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47883
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: how to set number of items per row? (solved)

Post by Jan »

Ok, thank you for the info.

Jan
If you find Phoca extensions useful, please support the project
Post Reply