onestic » flash banner http://onestic.com blog de onestic Wed, 30 Jun 2010 10:37:32 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Banner en Flash con Magento http://onestic.com/banner-en-flash-con-magento/ http://onestic.com/banner-en-flash-con-magento/#comments Tue, 20 Oct 2009 14:30:52 +0000 Sergio Baixauli http://onestic.com/?p=508 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 ""
PLAIN TEXT
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:
PLAIN TEXT
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"
PLAIN TEXT
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]]> http://onestic.com/banner-en-flash-con-magento/feed/ 1