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 "<block type="page/html_head" name="head" as="head">"

PLAIN TEXT

XML:

<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:

PLAIN TEXT

PHP:

<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"

PLAIN TEXT

PHP:

<?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;
?>