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 ""
XML:
  1. <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:
PHP:
  1. <script type="text/javascript">
  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. </script>
  11.  
  12. <noscript>
  13. <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">
  14.  
  15. <param name="movie" value="../swf/intro" />
  16. <param name="quality" value="high" />
  17. <param name="menu" value="false">
  18. <param name="wmode" value="transparent">
  19. <param name="base" value="." />
  20.  
  21. <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>
  22.  
  23. </object>
  24. </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:
  1. <?php
  2.         $page = Mage::app()->getFrontController()->getRequest()->getRouteName();
  3.          if ($page == 'cms'):
  4.                if(Mage::getSingleton('cms/page')->getIdentifier()=='home'){ echo $this->getLayout()->createBlock('cms/block')->setBlockId('flash_banner')->toHtml();}
  5.          endif;
  6.    ?>

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