close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Product Results Page

Thread began 8/24/2009 10:45 pm by denise234045 | Last modified 1/11/2010 1:54 pm by Jason Byrnes | 4046 views | 13 replies |

denise234045

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!!!

Sign in to reply to this post

Jason ByrnesWebAssist

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

showpost.php?p=8889&postcount=9

Sign in to reply to this post

denise234045

Product Result Columns

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.

Sign in to reply to this post

larsentim278054

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.  
Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

denise234045

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

Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

Excellent, glad to hear it.

Sign in to reply to this post

Andre.M

column design info

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

thanks

Andre

Sign in to reply to this post

denise234045

Columns

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!

Sign in to reply to this post

Andre.M

tile messup

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

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...