Could someone please give me some ideas how to change the layout of the product listing (in a grid layout)... I want to create something similar to;
I would also like all products shown to be equalized (my current effort can be seen Here)
Any help would be appreciated.
I think we don't need to edit in layout xml. We should edit in catalog/product/list.phtml.
+The text under Product name is short description? You can get by:
$_helper = $this->helper('catalog/output');
<?php echo $_helper->productAttribute($_product, $_product->getShortDescription(), 'short_description') ?>
To Insert ellipsis (...), you can read here:
+VIEW PRODUCT is the link reaches to the product detail page? This code is already:
<?php echo $_product->getProductUrl() ?>
You can set in layout xml: layout/catalog.xml, you find setColumnCount and set the number of products per row.
I saw that there are two places where show your products listing: Homepage and category view page. On category view page, you can set setColumnCount in layout. On homepage, how you get the products? If using layout xml to add products on homepage? => you can also add setColumnCount to your layout.
If you take a look list.phtml on rwd package default. You can see:
<?php // Grid Mode ?> <?php $_collectionSize = $_productCollection->count() ?> <?php $_columnCount = $this->getColumnCount(); ?> <ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col">
As we can see, Magento will get column count value to use for Css style. Please check any hard code- column count value on catalog/product/list.phtml in Grid mode.