<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Elias Interactive &#187; magento image</title>
	<atom:link href="http://www.eliasinteractive.com/blog/tag/magento-image/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.eliasinteractive.com</link>
	<description>Ecommerce consulting &#38; solutions for online store retailers</description>
	<lastBuildDate>Thu, 01 Sep 2011 18:45:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Product Image Sizing for Magento</title>
		<link>http://www.eliasinteractive.com/blog/product-image-sizing-for-magento/</link>
		<comments>http://www.eliasinteractive.com/blog/product-image-sizing-for-magento/#comments</comments>
		<pubDate>Mon, 11 May 2009 15:24:00 +0000</pubDate>
		<dc:creator>Josh Colter</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[customize magento]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[Magento Commerce]]></category>
		<category><![CDATA[magento image]]></category>
		<category><![CDATA[magento image size]]></category>
		<category><![CDATA[magento image zoom]]></category>
		<category><![CDATA[magento images]]></category>

		<guid isPermaLink="false">http://eliasinteractive.com/?p=531</guid>
		<description><![CDATA[During the recent launch of Keramikoskitchen.com, our client, Naseem Jarjoura, wanted to allow for product images to be enlarged when double-clicked.  For some reason the image would just not load correctly so that it fit within its allotted area correctly.  Here is an example of what Naseem wanted to do: &#8230; <a href="http://www.eliasinteractive.com/blog/product-image-sizing-for-magento/">Continue Reading <span class="meta-nav">&#187;</span></a>]]></description>
			<content:encoded><![CDATA[<p>During the recent launch of <a href="http://keramikoskitchen.com/" target="_blank">Keramikoskitchen.com</a>, our client, Naseem Jarjoura, wanted to allow for product images to be enlarged when double-clicked.  For some reason the image would just not load correctly so that it fit within its allotted area correctly.  Here is an example of what Naseem wanted to do:</p>
<p><a href="http://www.keramikoskitchen.com/ceramic-knives/5-piece-black-on-black-ceramic-knife-set.html"><img class="aligncenter size-medium wp-image-532" title="picture-5" src="http://eliasinteractive.com/wp-content/uploads/2009/05/picture-5-300x255.png" alt="" width="300" height="255" /></a></p>
<p>When you double click on the knife set, then you get this enlarged image:</p>
<p><a href="http://67.225.241.61/ei/wp-content/uploads/2009/05/picture-6.png"><img class="aligncenter size-medium wp-image-533" title="Enlarged Knife Set Picture" src="http://eliasinteractive.com/wp-content/uploads/2009/05/picture-6-300x289.png" alt="" width="300" height="289" /></a></p>
<p>Images need to be sized specifically according to their Magento store location in order to pull this off. Here is what Naseem had to say:</p>
<blockquote><p>In order to achieve the best results the <em>image should be sized to 600 x 600.</em> This size allows for a centered image, zoom functionality and click to enlarge is not overblown. If you notice in the knife sets I incorporated into the art a “click here to close”. Simple solution for people that can’t figure out how to close the screen.</p></blockquote>
<div id="tweetbutton531" class="tw_button" style="float:left;margin-right:10px;"><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FlOqkuT&amp;via=tweetelias&amp;text=Product%20Image%20Sizing%20for%20Magento&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fwww.eliasinteractive.com%2Fblog%2Fproduct-image-sizing-for-magento%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.eliasinteractive.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.eliasinteractive.com/blog/product-image-sizing-for-magento/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

