change column layout product listing to 3 table cells

[tbrides]

Hi ,
I want to change the mod for column layout.
It's all in Divs but I want to change it to 3 td columns so that the longest one determines the overall height of the row.

Has anybody done this?

[burtjesus]

Are you using tpl_tabular_display.php or tpl_columnar_display.php?

[tbrides]

hey Steve,
Im using the modified product_listing.php that came with the module for columnar display. This is creating DIVs. I've it set to 3 divs per row . Well I actually took out the percentage and gave them a fixed width.

See here

I need to change them to table cells because the tallest in each row needs to influence the hight of the others in the row.

[kobra]

It's all in Divs but I want to change it to 3 td columns so that the longest one determines the overall height of the row.

Do you want this to be fixed height? or dynamic based on the content?

You can assign a height to the div FYI

[tbrides]

Hi Kobra,
its needs to be dynamic based on the content. A fixed height leaves too much white space if the content is not enough to fill it.

have look here

[kobra]

I need to change them to table cells because the tallest in each row needs to influence the hight of the others in the row.

Wanting this as dynamic but then based upon the tallest is going to be a tricky call

I have not seen this done, but I am half blind

In div's it would take a div def for the row and 100% as the height and the columns remain dynamic and hopefully expand to fill the div height or something along that line...take some hacking

Or do you want the borders not to all be the same per row?

[tbrides]

Hi Kobra,

I have been looking for a solution to this for a few weeks now. Looking at div hacks using background images. But you have to know the height of the tallest div. I don't think it is possible. I've converted the featured products and new products modules to use table cells, so all 3 products per row are the same height.

Unfortunately, I'm going to have to convert the product listing to table cells also. I know somebody in here has done that for the div columns, but I can't find it now or they didn't post up the solution.

Remind me to post the solution for converting the featured products to table cells

[Redcinamn]

Since we already opened this topic can I ask what I need to edit to widen the divs as right now my products are grouped too closely together with the 3 column display . Thanks!
~Renee

[kobra]

Redcinamn,

Please a url to the page you are asking about

[tbrides]

Hi Renee,
i removed $col_width from

$list_box_contents[$rows][$column] = array('params' => 'class="centerBoxContentsProducts centeredContent back"' . ' ', 

Well at least I think it was there!

then I set the width of .centerBoxContentsProducts in my stylesheet to what i needed it. In my case 188px.