grid view - keeping buttons at the bottom of the box

[roland]

I set my product listing to grid view, but now I got a problem with the height of the boxes. Depending on the content the cart buttons are not at the same position. See attached picture

Any way to keep the buttons always at the same position?

[jhnstcks]

I suspect you have height set to auto, you need to change this to a set value.

[roland]

no, in my global.css under "ul#product_list li" I set height: 270px;

its the content that is bigger sometimes, cause of the name of the product. So it moves everything down

[jhnstcks]

so increase the 270 to 280 or 290 and se what that does.

[roland]

of course then the buttons would fit into the box.. but I want the buttons to be alligned at the bottom

I want the name of the product right below the pic and the buttons at the the bottom of the box

[rocky]

You could try truncating the product names. Have a look at the following code in homefeatured.tpl and decrease the number after truncate until the problem disappears.

{$product.name|escape:htmlall:'UTF-8'|truncate:35}

[VIXUS]

Yes, see... your product name pushes down the entire product_list "right_block" containing prices and buttons.

Let me advice you, when fixing this check the looks of your page in firefox as well as internet explorer couse sometimes they give a bit different end results.

[roland]

shortening the product would fix some problems. Also skipping the description.

Another issue is the "New" icon in front of names of new products and the "on sale" before the price for products that are on sale. Could also skip those two things.... but would prefer to keep it somehow.

Is there any way to solve this via the more dynamically CSS?