Banner en Flash con 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">"

XML:
  1. &lt;action method=&quot;addJs&quot;&gt;&lt;script&gt;flash/AC_RunActiveContent.js&lt;/script&gt;&lt;/action&gt;

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:

PHP:
  1. &lt;script type=&quot;text/javascript&quot;&gt;
  2. AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
  3. 'width','710',
  4. 'height','285',
  5. 'src','../swf/intro.swf',
  6. 'quality','high',
  7. 'menu','false','base','.',
  8. 'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../swf/intro'
  9. ); //end AC code
  10. &lt;/script&gt;
  11.  
  12. &lt;noscript&gt;
  13. &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;
  14.  
  15. &lt;param name=&quot;movie&quot; value=&quot;../swf/intro&quot; /&gt;
  16. &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;
  17. &lt;param name=&quot;menu&quot; value=&quot;false&quot;&gt;
  18. &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;
  19. &lt;param name=&quot;base&quot; value=&quot;.&quot; /&gt;
  20.  
  21. &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;
  22.  
  23. &lt;/object&gt;
  24. &lt;/noscript&gt;

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:
  1. &lt;?php
  2.         $page = Mage::app()-&gt;getFrontController()-&gt;getRequest()-&gt;getRouteName();
  3.          if ($page == 'cms'):
  4.                if(Mage::getSingleton('cms/page')-&gt;getIdentifier()=='home'){ echo $this-&gt;getLayout()-&gt;createBlock('cms/block')-&gt;setBlockId('flash_banner')-&gt;toHtml();}
  5.          endif;
  6.    ?&gt;

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

banner-flash

Title: AC_RunActiveContent
Caption: AC_RunActiveContent
File: AC_RunActiveContent.js
Size: 8 kB

Compartir:
  • Print
  • Facebook
  • Twitter
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Digg

PROYECTOS RELACIONADOS


COMENTARIOS

[...] – Añadir un banner en flash. Después de probar alguno, no nos ha convencido. Probaremos la solución de los chicos de ONESTIC. [...]


PARTICIPA EN LA CONVERSACIÓN

Introduce tu información personal o utiliza tu cuenta de twitter o facebook para acceder

   



CATEGORÍAS


C\ Trafalgar 13
46930 Quart de Poblet - Valencia - España

  • (+34) 961 139 313
  • info@onestic.com
  • (+34) 963 023 041
  • (+34) 622 858 391

HABLEMOS...

No dudes en ponerte en contacto con nosotros. Hablamos tranquilamente, te damos nuestra opinión sobre tu proyecto y decidimos cómo te podemos ayudar.

CONTACTO