Increase Image Size

Hi All

How do i change the image size within the product pages? I want to make it a bigger preview

1 answer

congtq 0.00 $tone August 4, 2010
Public

I’m not sure you want to change the image size in what page, so I guide you in 2 pages:
1. Product Listing: http://magento-themes.joomlart.com/j…pop-music.html
-- Open app\design\frontend\default\jm_rasitetemplate\cat alog\product\list.phtml file
-- Edit red line code

Code:

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(100, 100); ?>" alt="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" title="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" />

and

Code:

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(100, 100); ?>"  alt="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" title="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" />

2. Product Detail: http://magento-themes.joomlart.com/j…-volume-i.html
-- Open skin\frontend\default\jm_rasite\csstheme.css file
-- Replace

Code:

.product-img-box { width: 110px; padding: 0; }

.product-essential .product-shop { width: 470px;}

.product-collateral {}

/*Product Images---*/
.product-img-box .product-image-zoom {
	height: 140px;
	overflow: hidden;
	position: relative;
	width: 110px;
	z-index: 9;
	margin: 0;
}

with red value

Code:

.product-img-box { width: 150px; padding: 0; }

.product-essential .product-shop { width: 430px;}

.product-collateral {}

/*Product Images---*/
.product-img-box .product-image-zoom {
	height: 140px;
	overflow: hidden;
	position: relative;
	width: 150px;
	z-index: 9;
	margin: 0;
}
#1

This question is now closed

Written By

Comments