Magento tip : Add product thumbnails to grouped products.

There are many things in the Community Edition of Magento that seem to be half finished. The example that we are looking at here is the Grouped Product. This is a very useful feature that allows show owners to add a group of simply products together into a group. The shopper can then select any or all of the products that are part of the group.

However, for some reason by default there are no images shown for each of the products. So the shopper has no visual representation of the products in question. For some products eg flowers this is almost useless.

However, adding these images into a template is not that difficult.

Copy app/design/frontend/base/default/template/catalog/product/view/type/grouped.phtml to
app/design/frontend/yourpackage/yourtemplate/template/catalog/product/view/type/grouped.phtml

Find this section and make the highlighted changes.

<table class="data-table grouped-items" id="super-product-table" style="float: left; position: relative;">
    <col />
    <col />
    <col width="1" />
    <thead>
        <tr> 
        <!--BEGIN CHANGE : SEE IMAGE ///////////////////////////////////////////////////////////-->
        <th><?php echo $this->__('Image')
            ?></th>
            <!--END CHANGE : SEE IMAGE ///////////////////////////////////////////////////////// -->
            <th><?php echo $this->__('Product Name')
            ?></th>
            <th class="a-right"><?php echo $this->__('Price') ?></th>
            <?php if ($_product->isSaleable()): ?>
            <th class="a-center"><?php echo $this->__('Qty') ?></th>
            <?php endif; ?>
        </tr>
    </thead>
    <tbody>
    <?php if (count($_associatedProducts)): ?>
    <?php foreach ($_associatedProducts as $_item): ?>
        <?php $_finalPriceInclTax = $this->helper('tax')->getPrice($_item, $_item->getFinalPrice(), true) ?>
        <tr>
       <!--BEGIN CHANGE : SEE IMAGE////////////////////////////////////////////////////////////////////// --> 
       <td>
        <?php 
echo '<A  href="'.$this->helper('catalog/image')->init($_item, 'image').'" ><img src="'.$this->helper('catalog/image')->init($_item, 'thumbnail')->resize(77, 77).'" width="77"><a>'; 
?></td>
<!--END CHANGE : SEE IMAGE //////////////////////////////////////////////////////////////////////////////-->
            <td><?php echo $this->htmlEscape($_item->getName()) ?></td>
            <td class="a-right">
                <?php echo $this->getPriceHtml($_item, true) ?>
                <?php echo $this->getTierPriceHtml($_item) ?>
            </td>
            <?php if ($_product->isSaleable()): ?>
            <td class="a-center">
            <?php if ($_item->isSaleable()) : ?>
                <input name="super_group[<?php echo $_item->getId() ?>]" value="<?php echo $_item->getQty()*1 ?>" type="text" class="input-text qty" />
            <?php else: ?>
                <p class="availability"><span class="out-of-stock"><?php echo $this->__('Out of stock.') ?></span></p>
            <?php endif; ?>
            </td>
            <?php endif; ?>
        </tr>
    <?php endforeach; ?>
    <?php else: ?>
       <tr>
           <td colspan="<?php if ($_product->isSaleable()): ?>4<?php else : ?>3<?php endif; ?>"><?php echo $this->__('No options of this product are available.') ?></td>
       </tr>
    <?php endif; ?>
    </tbody>
</table>

If you have a lightbox plugin you might want to add

 rel="lightbox[rotation]" 

to the A ref on line 27

Source : magento community