Skip to content

Latest commit

 

History

History
78 lines (68 loc) · 2.83 KB

README.md

File metadata and controls

78 lines (68 loc) · 2.83 KB

Magento 1 Resize Category Images

Click here for Magento 2 version

This is a free magento extension/module to resize category images. Join the converstation at: How to resize Magento e-Commerce category images

How to use this?

/*
 * You can pass width and height and much more, see helper for details.
 * echo $this->helper('timage')->init($_category->getImageUrl())->resize(null, 120)
 * echo $this->helper('timage')->init($_category->getImageUrl())->resize(120, null)
 * echo $this->helper('timage')->init($_category->getImageUrl())->resize(120, 120)
 */
<div class="product-image">
	<a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>">
		<img src="<?php echo $this->helper('timage')->init($_category->getImageUrl())->resize(null, 120) ?>" alt="<?php echo $this->htmlEscape($_category->getName()) ?>"/>
	</a>
</div>

How to crop image?

You can init image helper with path to image, then you must pass width and height to crop image. After image is cropped its saved and ready to be resized using cropped image as source image to be resized. See example code below.

<img src="<?php 
	echo $this->helper('timage')
			  ->init($_category->getImageUrl())
			  ->setWidth(230)
			  ->setHeight(200)
			  ->crop()
			  ->resize() 
	?>" alt="alt text"/>

If you are working on localhost using IP, you need to add ->setRemoveHttp(false):

<img src="<?php 
	echo $this->helper('timage')
			  ->setRemoveHttp(false)
			  ->init($_category->getImageUrl())
			  ->setWidth(230)
			  ->setHeight(200)
			  ->crop()
			  ->resize() 
	?>" alt="alt text"/>

If you are cropping image, you might consider using ->setDeveloperMode(true) on your local/staging so, you can keep changing dimensions and no need to worry about clearing cache.

Mage::helper('timage')
                ->init(Mage::getBaseUrl('media') . 'catalog/product' . $product['giftcard_image'])
                ->setWidth(780)
                ->setHeight(505)
                ->keepFilename(true)
                ->keepAspectRatio(false)
                ->setDeveloperMode(true)
                ->crop(280, 10, 10, 280)
                ->resize();

OR, centerCrop:

Mage::helper('timage')
            ->init(Mage::getBaseUrl('media') . 'catalog/product' . $image)
            ->setWidth(120)
            ->setHeight(25)
            //->keepFilename(true)
            //->keepAspectRatio(true)
            //->setDeveloperMode(true)
            ->centerCrop()
            ->resize();