Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Align grid “buy now” buttons
 
smoothman36
Member
 
Total Posts:  52
Joined:  2009-12-04
 

Hello fellow Magento developers!

I have a question concerning the vertical alignment of the listing grid (product list) in any magento webshop.

Does one of you guys know how it is possible to align the buttons to the bottom.
So if the description of a product is 1 line or 3 lines the “buy now” button always list on the bottom and align vertically with eachother.

See example how most magento shop have it:
http://demo.magentocommerce.com/bed-and-bath/living-room

And a magento shop that has the right alignments of the buttons:
http://demo.lotusseedsdesign.com/index.php/electronics/cell-phones.html

I’ve tried everyting in the list.phtml and boxes.css, but I can figure it out....
(ps. even the code of the lotusseedsdesign.com didnt clarify it for me wink )

Many thanx on forehand.

 
Magento Community Magento Community
Magento Community
Magento Community
 
furnitureforyoultd
Enthusiast
 
Total Posts:  833
Joined:  2009-03-09
 

Give this a try: http://www.westwideweb.com/wp/2009/02/16/magento-uniform-positioning-of-add-to-cart-button/

This works for most products. I’ve noticed that if you have 2 products next to each other one with a special price and one without then the alignment doesn’t work. must be down to the fact that special prices pad out the price fields more because it includes the regular price & special price.

 
Magento Community Magento Community
Magento Community
Magento Community
 
smoothman36
Member
 
Total Posts:  52
Joined:  2009-12-04
 

Thank you a lot! Seems to work perfect for me. I could manage to have not too much room between the text en button, but still have a much nicer grid!

I appreciate your commend. This is much more professional…

Best Regards,

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top