<?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>onestic &#187; zoom</title>
	<atom:link href="http://onestic.com/tag/zoom/feed/" rel="self" type="application/rss+xml" />
	<link>http://onestic.com</link>
	<description>blog de onestic</description>
	<lastBuildDate>Wed, 30 Jun 2010 10:37:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Habilitar zoom con imágenes adicionales en Magento</title>
		<link>http://onestic.com/habilitar-zoom-con-imagenes-adicionales-en-magento/</link>
		<comments>http://onestic.com/habilitar-zoom-con-imagenes-adicionales-en-magento/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 11:37:58 +0000</pubDate>
		<dc:creator>Sergio Baixauli</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[imágenes]]></category>
		<category><![CDATA[magento]]></category>
		<category><![CDATA[zoom]]></category>

		<guid isPermaLink="false">http://onestic.com/?p=536</guid>
		<description><![CDATA[Muchos de vosotros os habréis dado cuenta de un problema que surge en la vista de detalle de un producto en Magento.

En concreto se produce cuando un producto tiene varias imágenes y queremos usar el efecto zoom para cada una de ellas. La modificación es bastante rápida e indolora. Con este cambio aprovecharemos para quitarle [...]]]></description>
			<content:encoded><![CDATA[Muchos de vosotros os habréis dado cuenta de un problema que surge en la <strong>vista de detalle de un producto</strong> en Magento.

En concreto se produce cuando un <strong>producto tiene varias imágenes</strong> y queremos usar el efecto zoom para cada una de ellas. La modificación es bastante rápida e indolora. Con este cambio aprovecharemos para quitarle el popup y dejarlo únicamente con el zoom.

Fichero a modificar <strong>template/catalog/product/view/media.phtml</strong>:

Cambiamos esto

<div class="igBar"><span id="lphp-3"><a href="#" onclick="javascript:showPlainTxt('php-3'); return false;">PLAIN TEXT</a></span></div><div class="syntax_hilite"><span class="langName">PHP:</span><br /><div id="php-3">
<div class="php"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&amp;lt;div&amp;gt;&amp;lt;code&amp;gt; &amp;lt;span style=&amp;quot;color: <span style="color:#008000; font-style:italic;">#007700;&amp;quot;&amp;gt;&amp;lt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #0000bb;&amp;quot;&amp;gt;a href&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #007700;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #dd0000;&amp;quot;&amp;gt;&amp;quot;#&amp;quot; &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #0000bb;&amp;quot;&amp;gt;onclick&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #007700;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #dd0000;&amp;quot;&amp;gt;&amp;quot;popWin('&amp;lt;?php echo $this-&amp;gt;helper('catalog/image')-&amp;gt;init($_product, 'image') ?&amp;gt;', 'gallery', 'width=520,height=520,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #007700;&amp;quot;&amp;gt;&amp;gt;&amp;lt;/span&amp;gt; &amp;lt;/code&amp;gt;&amp;lt;/div&amp;gt; </span></div></li></ol></div>
</div></div><br />

por esto otro...

<div class="igBar"><span id="lphp-4"><a href="#" onclick="javascript:showPlainTxt('php-4'); return false;">PLAIN TEXT</a></span></div><div class="syntax_hilite"><span class="langName">PHP:</span><br /><div id="php-4">
<div class="php"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&amp;lt;a href=&amp;quot;&amp;lt;?php <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#0000FF;">$this</span>-&amp;gt;helper<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'catalog/image'</span><span style="color:#006600; font-weight:bold;">&#41;</span>-&amp;gt;init<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$this</span>-&amp;gt;getProduct<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>, <span style="color:#FF0000;">'image'</span>, <span style="color:#0000FF;">$_image</span>-&amp;gt;getFile<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#41;</span>; ?&amp;gt;&amp;quot; title=&amp;quot;&amp;lt;?php <a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> <span style="color:#0000FF;">$_product</span>-&amp;gt;getName<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>;?&amp;gt;&amp;quot; onclick=&amp;quot;$<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'image'</span><span style="color:#006600; font-weight:bold;">&#41;</span>.src = this.href; <span style="color:#616100;">return</span> <span style="color:#000000; font-weight:bold;">false</span>;&amp;quot;&amp;gt; </div></li></ol></div>
</div></div><br />

y ya lo tenemos.]]></content:encoded>
			<wfw:commentRss>http://onestic.com/habilitar-zoom-con-imagenes-adicionales-en-magento/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>