Hi All
How do i change the image size within the product pages? I want to make it a bigger preview
1 answer
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; }
This question is now closed