Column Products Listing Question

[JEWbacca]

Hello -- I would really like to use the 'Column Products Listing' contribution but I have a few questions/ issues that I can't figure out.

 

Here is a screen shot of my site, and below are an explanation of what the problem is:

 

1.Some of my product names are 1 line while other are 2 or 3 lines... this seems to make each row not lined up to each other -- either the picture is lower or the 'buy now' button is higher

 

2. When there is not a number of products divisible by exactly 3 there is a big grey area... is there any way to make this white?

 

3. There seems to be strange lines on the last product in the last row... any ideas?

 

Here is a link to the page that the screen shot is from:

 

http://blackwidowsecurity.com/ipodstore/car-mounts-c-30.html

 

The exact contribution that i'm using is:

http://www.oscommerce.com/community/contributions,3007

 

 

Thanks in advance for any suggestions!

 

Nate

[♥Monika in Germany]

Hi Nate,

 

1) for the placement, please post the file you are including (check in index.php if it's still called product_listing, folder modules). It's just a minor thing, we'll probably only need to change a few valigns.

 

2) in your stylesheet.css

look for

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #000000;
 border-spacing: 1px;
}

I think it will turn from grey to white if you add a

background: #FFFFFF;

to this class

 

3) no weird lines are appearing for me, all product boxes look the same. But you could do with a bit more space between the lines.

[Jan Zonjee]

Monika,

 

The contribution Nate refers too (Column Product Listing (for Separate Pricing Per Costomer v4.0)) is derived from two very similar contributions:

Product listing in columns and

Column Product Listing.

 

These all use for the listing HTML like:

<tr>
<td>picture1<br>description1<br>price1<br>buy now button1</td>
<td>picture2<br>description2<br>price2<br>buy now button2</td>
<td>picture3<br>description3<br>price3<br>buy now button3</td>
</tr>

whereas you (and I noticed others too) seem to use something like:

<tr>
<td>picture1<br>description1<br>price1</td>
<td>picture2<br>description2<br>price2</td>
<td>picture3<br>description3<br>price3</td>
</tr>
<tr>
<td>buy now button1</td>
<td>buy now button2</td>
<td>buy now button3</td>
</tr>

I'm pretty sure Nate is looking for something like you use. Is there another contribution for products listing in columns that cannot be found when you search for "product listing columns" in the contribution section?

[♥Monika in Germany]

Well the product listings I have done are custom coded :-). This weekend I have done a really cute one ... doing what you are stating here, 2 separate rows for each product. But nope there is no contribution out for that.

 

Why not just put a mini-table inside the table tags? And add the valign there?

 

I would really need to see the code first ...

[♥Monika in Germany]

this is a link to what I did for this weekend ... it looks even better IRL. It has a separator image after each line, and the red color changes for every category to it's own identifier. No buy now button here though :-)

 

http://http:/www.oscommerce.com/forums/index.p...T&f=11&t=158722

[Jan Zonjee]

Monika,

Well the product listings I have done are custom coded :-). This weekend I have done a really cute one  ... doing what you are stating here, 2 separate rows for each product. But nope there is no contribution out for that.

 

Why not just put a mini-table inside the table tags? And add the valign there?

Thanks, I fixed it in another way. Storing the text for the buy_now_button in a separate array and if the row is filled or all products are to an end a new table row with the buy_now buttons is generated.

As a bonus, the rows are always filled to complete the whole tr with empty cells if needed.