Product detail layout in main page

[maxlk]

can some one please tell me how to make the front page product list like this image. i need to add "product description", "product price", "buy now" and info button. and each products should be inside separate columns. thank you in advanced.

[gjh42]

Start by installing the Column Layout Grid mod from Free Addons.

Then you will need to modify /includes/modules/your_template/product_listing.php to rearrange the elements of the individual products. Some of the work required will be in your stylesheet (/includes/templates/your_template/css/stylesheet.css).