Showing results for 
Search instead for 
Did you mean: 

media.phtml not allowing me to change image sizes


media.phtml not allowing me to change image sizes

I want the product pages to display a larger image but can't seem to figure out how. I tried changing the values but it seems like my media.phtml page may have some issues. Here is the code:


* Magento
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to so we can send you a copy immediately.
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to for more information.
* @category design
* @package default_iphone
* @copyright Copyright (c) 2012 Magento Inc. (
* @license Academic Free License (AFL 3.0)

* Product media data template
* @see Mage_Catalog_Block_Product_View_Media
$_product = $this->getProduct();
$_helper = $this->helper('catalog/output');
<div class="product-image-wrap">
<div class="product-image">
$_img = '<a href="'.$this->getGalleryUrl().'"><img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(290).'" width="145" alt="'.$this->escapeHtml($this->getImageLabel()).'" title="'.$this->escapeHtml($this->getImageLabel()).'" /></a>';
echo $_helper->productAttribute($_product, $_img, 'image');
<?php if (count($this->getGalleryImages()) > 0): ?>
<?php foreach ($this->getGalleryImages() as $_image): ?>
--><li><a href="<?php echo $this->getGalleryUrl($_image) ?>" title="<?php echo $this->escapeHtml($_image->getLabel()) ?>"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(290); ?>" width="145" height="145" alt="<?php echo $this->escapeHtml($_image->getLabel()) ?>" /></a></li><!--
<?php endforeach; ?>
<?php endif; ?>





Any ideas? Very much appreciated! I also noticed that for some of my products on the backend I will have uploaded 4 images, but for the thumbnails under the product image it only displays one. Any idea what could cause that too?


Thank you,



Re: media.phtml not allowing me to change image sizes

Hi In the additional image you have line


<img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(290); ?>" width="145" height="145" alt="<?php echo $this->escapeHtml($_image->getLabel()) ?>" />



And you need to delete width and height or also change it to the new values.

The exactly same thing fo main image.


It is in your file:


<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(290).'" width="145" alt="'.$this->escapeHtml($this->getImageLabel()).'" title="'.$this->escapeHtml($this->getImageLabel()).'" />



and should be:


<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(290).'" width="290" alt="'.$this->escapeHtml($this->getImageLabel()).'" title="'.$this->escapeHtml($this->getImageLabel()).'" />



Hope it was helpful.




Re: media.phtml not allowing me to change image sizes

That did the trick! Thank you so much! I've been banging my head against the wall for days now trying to figure it out. Gave you Kudos and 5 stars.