Grid Image Not Showing properly

Question

I have used below code for Grid Products Image in shopping cart tab, Its showing same image in all products, Please help , Kindly check attached snap-shot for more detail.

---

$this->addColumn('Image', array(
        'header'=> Mage::helper('catalog')->__('Image'),
        'type'  => 'image',
        'width' => '100px',
        'index' => 'image',
        'frame_callback' => array($this, 'callback_image')

    ));

public function callback_image()
{

          $_productCollection = $this->getCollection();
    foreach ($_productCollection as $_product){
        $product_id = $_product->getProductId();
    }
    if(isset($product_id)){
        $product = Mage::getModel('catalog/product')->load($product_id);
        $productMediaConfig = Mage::getModel('catalog/product_media_config');
        $smallImageUrl = $productMediaConfig->getMediaUrl($product->getSmallImage());
        $width = 70;
        $height = 70;
        return "<img src='".$smallImageUrl."' width=".$width." height=".$height."/>";
    }
}

Answer 1

Try this

$this->addColumn('Image', array(
    'header'=> Mage::helper('catalog')->__('Image'),
    'type'  => 'image',
    'width' => '100px',
    'index' => 'image',
    'renderer'  => 'Mage_Adminhtml_Block_Sales_Order_Renderer_Red',

));

And make a class file (You can make your own class file in your module and use that path)

class Mage_Adminhtml_Block_Sales_Order_Renderer_Red extends Mage_Adminhtml_Block_Widget_Grid_Column_Renderer_Abstract
{
      public function render(Varien_Object $row)
      {
    $imageUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA) . 'catalog/product/'
    $productId =  $row->getData($this->getColumn()->getIndex());
    $product = Mage::getModel('catalog/product')->load($productId);
    $smallImageUrl = $imageUrl.$product->getSmallImage();
    $width = 70;
    $height = 70;
    return "<img src='".$smallImageUrl."' width=".$width." height=".$height."/>";


      }
}