media.phtml not allowing me to change image sizes

[geniusmods]

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:

<?php
/**
* Magento
*
* NOTICE OF LICENSE
*
* 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:
* http://opensource.org/licenses/afl-3.0.php
* 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 license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* 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 http://www.magentocommerce.com for more information.
*
* @category design
* @package default_iphone
* @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/

/**
* Product media data template
*
* @see Mage_Catalog_Block_Product_View_Media
*/
?>
<?php
$_product = $this->getProduct();
$_helper = $this->helper('catalog/output');
?>
<div class="product-image-wrap">
<div class="product-image">
<ul><!--
--><li>
<?php
$_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');
?>
</li><!--
<?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; ?>
--></ul>
</div>
</div>

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,

Stephen

[sashas7777 · Accepted solution]

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.

Thanks

[geniusmods]

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.