Product Results Page

I would like - NEED - to have the Product Results page display in columns, rather than rows.
3 columns across, 4 rows total, so that the number of products on each page is 12.

I've PS v2

I've been messing with the styles and have been able to almost get it to display the way I want - but with only 5 items, and not quite right ... need help please.

This is where I'm at, thus far:

Products_Results.php?Search=0


Thank you!!!

See the following post for information on modifying the results page code to show in columns:

showpost.php?p=8889&postcount=9

Thanks for your help -

I switched out he code - its still not appearing in columns - I'm in PS version 2 - which doesn't seem to have tables (in Product_Results.php) - does that make a difference?

I can modify the css - will that work now?

Also - how do I modify to change the number of products shown??

Here it is again, with your php inserted.
Products_Results.php?Search=0

Really appreciate your assistance.

Hi -

I'm not sure if this is the code you are using - I didn't look at your page, but if you search for this string or something similar, then you'll probably see the # where mine says 12 - to whatever your list is set at, then you can change that to whatever (I have mine set to 12).

<?php
$maxRows_WADAProducts = 12;
$pageNum_WADAProducts = 0;

Where it says $maxRows_WADAProducts = [this is where you put the # of products you want listed]

Tip: It's above the html, in the php code near the top of the page... So just search for that string.. I think it defaults to 5 or something... not sure.

Originally Said By: denise234045

  Also - how do I modify to change the number of products shown??

Really appreciate your assistance.  

I'm sorry, I did not realize you where on Power Store 2. In Power Store 2 it is all CSS Based, You can get it to display in columns, but will take a lot of editing the css to get it to work.

basically all of the .productResultsWrapperstyles will need to be modified to make the content results boxes narrower, and you will need to apply float to them make then appear on the same line. This is not really supported in PowerStore v2.

No problem with the css - just thought there might be a simpler way. It looks fine now - right # of products etc.....

Thanks

Excellent, glad to hear it.

Denise would you be able to share with me how you got the column design going?

thanks

Andre

Hi Andre,

I did as Jason suggested and it worked beautifully. These are the alterations I made to content.css


.productResultsWrapper {
overflow: hidden;
height: 1%;
min-height:270px;
float: left;
width:190px;
margin:10px 25px 10px 0px;
display:inline;

}
.productResultsWrapper .left {
float: left;
}

.productResultsWrapper .left .imageWrapper img {
border: solid 1px #CFCFCF;
margin:5px 5px 2px 5px;
width:170px;
}





and

.WADAResultThumb {
width:100px;
height:100px;
}

in common.css


Its not displaying properly in ie6 and I'm trying to troubleshoot that right now... but its working well in all else.

The site is intlarrivals.com if you'd like to see the results.


Hope that helped!

Hi Denise,
thanks for the post, i tried the edit with no luck at all.

i see the
.productResultsWrapper
.productResultsWrapper .left
.productResultsWrapper .left .imageWrapper img

in content.css but

.WADAResultThumb in common.css ? i could not find it in any of the .css files...

this is my sad result :

where there any other edits?

thanks for your help

Andre