onestic

Banner en Flash con Magento

20.Octubre.2009 · 1

· Publicado por Sergio Baixauli en: Magento Etiquetas: flash banner, magento

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 “swf” (public_html/swf) Paso 2. 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 “”

<action method="addJs"><script>flash/AC_RunActiveContent.js</script></action>

Creamos una carpeta en la raiz de nuestra tienda “js/flash” (public_html/js/flash) y ponemos el fichero AC_RunActiveContent.js Descargar fichero AC_RunActiveContent Paso 3. Cremaos un bloque estático. Desde el administrador -> CMS -> Bloques estáticos. Creamos un nuevo bloque estático y lo llamamos “flash_banner”. Con este nombre después lo referenciaremos. El contenido del bloque es el siguiente:


<script type="text/javascript">
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
</script>

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

<param name="movie" value="../swf/intro" />
<param name="quality" value="high" />
<param name="menu" value="false">
<param name="wmode" value="transparent">
<param name="base" value="." />

<embed src="../swf/intro.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="710" height="285"></embed>

</object>
</noscript>

Cambiar las medidas (width y height) para ajustarlos a vuestras necesidades. Paso 4. 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) 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 “flash_banner”

 <?php
        $page = Mage::app()->getFrontController()->getRequest()->getRouteName();
         if ($page == 'cms'):
               if(Mage::getSingleton('cms/page')->getIdentifier()=='home'){ echo $this->getLayout()->createBlock('cms/block')->setBlockId('flash_banner')->toHtml();}
         endif;
   ?>

Paso 5. Recargar la página (ojo con la caché) y comprobar que todo sale correctamente.