﻿<?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; flash banner</title>
	<atom:link href="http://onestic.com/tag/flash-banner/feed/" rel="self" type="application/rss+xml" />
	<link>http://onestic.com</link>
	<description>Estrategia y desarrollo ecommerce</description>
	<lastBuildDate>Thu, 17 May 2012 15:54:36 +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>Banner en Flash con Magento</title>
		<link>http://onestic.com/banner-en-flash-con-magento/</link>
		<comments>http://onestic.com/banner-en-flash-con-magento/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 14:30:52 +0000</pubDate>
		<dc:creator>Sergio Baixauli</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[flash banner]]></category>
		<category><![CDATA[magento]]></category>

		<guid isPermaLink="false">http://onestic.com/?p=508</guid>
		<description><![CDATA[Para insertar un banner en flash en una tienda realizada con Magento vamos a necesitar los siguientes elementos: Resumen El banner Libreria .js Crear un Bloque estático Modificar el header.phtml Paso 1. Creamos el banner y lo subimos por ejemplo a una carpeta en la raíz de nuestra tienda llamada &#8220;swf&#8221; (public_html/swf) Paso 2. Editamos [...]]]></description>
			<content:encoded><![CDATA[<p>Para insertar un <strong>banner en flash</strong> en una tienda realizada con <strong>Magento </strong>vamos a necesitar los siguientes elementos:<br />
<strong>Resumen</strong></p>
<ul>
<li>El banner <img src='http://onestic.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
<li> Libreria .js</li>
<li> Crear un Bloque estático</li>
<li> Modificar el header.phtml</li>
</ul>
<p><strong>Paso 1.</strong> Creamos el banner y lo subimos por ejemplo a una carpeta en la raíz de nuestra tienda llamada &#8220;swf&#8221;  (public_html/swf)</p>
<p><strong>Paso 2.</strong> Editamos el ficheros page.xml de nuestro tema. (public_html/app/design/frontend/default/THEME/layout) e incluimos la siguiente línea justo debajo de &#8220;<block type="page/html_head" name="head" as="head">&#8221;</p>
<pre class="brush: xml; title: ; notranslate">
&lt;action method=&quot;addJs&quot;&gt;&lt;script&gt;flash/AC_RunActiveContent.js&lt;/script&gt;&lt;/action&gt;
</pre>
<p>Creamos una carpeta en la raiz de nuestra tienda &#8220;js/flash&#8221; (public_html/js/flash) y ponemos el fichero AC_RunActiveContent.js</p>
<p>Descargar fichero<a href="http://onestic.com/wp-content/uploads/2009/10/AC_RunActiveContent.js"> AC_RunActiveContent</a></p>
<p><strong>Paso 3.</strong> Cremaos un bloque estático. Desde el administrador -> CMS -> Bloques estáticos.</p>
<p>Creamos un nuevo bloque estático y lo llamamos &#8220;flash_banner&#8221;. Con este nombre después lo referenciaremos.<br />
El contenido del bloque es el siguiente:</p>
<pre class="brush: php; title: ; notranslate">

&lt;script type=&quot;text/javascript&quot;&gt;
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
'width','710',
'height','285',
'src','../swf/intro.swf',
'quality','high',
'menu','false','base','.',
'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../swf/intro'
); //end AC code
&lt;/script&gt;

&lt;noscript&gt;
&lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&quot; width=&quot;710&quot; height=&quot;285&quot; title=&quot;name_of_your_flash_banner&quot;&gt;

&lt;param name=&quot;movie&quot; value=&quot;../swf/intro&quot; /&gt;
&lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;
&lt;param name=&quot;menu&quot; value=&quot;false&quot;&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;
&lt;param name=&quot;base&quot; value=&quot;.&quot; /&gt;

&lt;embed src=&quot;../swf/intro.swf&quot; quality=&quot;high&quot; pluginspage=&quot;http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;710&quot; height=&quot;285&quot;&gt;&lt;/embed&gt;

&lt;/object&gt;
&lt;/noscript&gt;
</pre>
<p>Cambiar las medidas (width y height) para ajustarlos a vuestras necesidades.</p>
<p><strong>Paso 4.</strong> Editamos el fichero donde queremos cargar el Banner en Flash. En nuestro caso el header.phtml (/public_html/app/design/frontend/default/THEME/template/page/html/header.phtml)<br />
Incluimos las siguientes líneas. Con esto nos aseguramos de que el banner únicamente se verá en la pantalla de inicio (home) y que además el Bloque estático se llama &#8220;flash_banner&#8221;</p>
<pre class="brush: php; title: ; notranslate">
 &lt;?php
        $page = Mage::app()-&gt;getFrontController()-&gt;getRequest()-&gt;getRouteName();
         if ($page == 'cms'):
               if(Mage::getSingleton('cms/page')-&gt;getIdentifier()=='home'){ echo $this-&gt;getLayout()-&gt;createBlock('cms/block')-&gt;setBlockId('flash_banner')-&gt;toHtml();}
         endif;
   ?&gt;
</pre>
<p><strong>Paso 5.</strong> Recargar la página (ojo con la caché) y comprobar que todo sale correctamente.</p>
<p><a href="http://onestic.com/wp-content/uploads/2009/10/banner-flash.jpg"><img class="alignnone size-full wp-image-521" title="banner-flash" src="http://onestic.com/wp-content/uploads/2009/10/banner-flash.jpg" alt="banner-flash" width="575" height="271" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://onestic.com/banner-en-flash-con-magento/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

