Cómo implementar en nuestra tienda Prestashop una de tantas galería de fotos en Flash y PHP que están disponibles gratuitamente por la red. Hemos escogido ésta en concreto por su sencillo y elegante diseño. Desde aquí agradecemos y enlazamos el trabajo de los creadores: Flash Gallery. Difundimos su trabajo y traducimos al español sus intrucciones.

Código de la galería Flash:

<script src=»flashgallery/swfobject.js» type=»text/javascript»></script>
<!– GALLERY: Div that contains gallery. –>
<div id=»gallery» align=»center»>
<h1>No flash player!</h1>
<p>Parece que no tienes instalado FlasPlayer. <a href=»http://www.macromedia.com/go/getflashplayer» >Click aquí</a> para ir a la página de descargas de Macromedia.</p>
</div>
<!– GALLERY: Script para embeber la gallería. –>
<script language=»javascript» type=»text/javascript»>
var so = new SWFObject(«flashgallery/flashgallery.swf», «gallery», «800», «600», «8»); // Lugar del SWF. Puedes cambiar el ancho y el alto aquí (usa píxeles o porcentaje)
so.addParam(«quality», «high»);
so.addParam(«allowFullScreen», «true»);
so.addParam(«wmode», «transparent»);
so.addVariable(«content_path»,»flashgallery/img»); // Lugar de la carpeta de imágenes JPG ó PNG de la galería (relative to PHP script).
so.addVariable(«color_path»,»flashgallery/default.xml»); //Lugar del archivo XML de configuración.
so.addVariable(«script_path»,»flashgallery/flashgallery.php»); // Lugar del script PHP
so.write(«gallery»);
</script>

Pasos para instalar la galería Flash en Prestashop

1- Sube la carpeta de la galería, flashgallery, al directorio principal de la tienda.

2-  Edita en robots.txt:
Disallow: /flashgalley

(Esto evita que se indexen en buscadores archivos innecesarios. Si queremos que se indexen los contenidos de la galería, lo harán «desde» la página donde se muestra).

1- En el módulo editorial.

1.1- Añade el código de la galería a editorial.tpl.

1.2- Para las tiendas con varios idiomas instalados, se recomienda sustituir los mensajes (los coloreados en rojo) por su código smarty correspondiente, por ejemplo:
<p>{l s=’Parece que no tienes instalado FlasPlayer.’ mod=’editorial’} <a href=»http://www.macromedia.com/go/getflashplayer» >{l s=’Click aquí’}</a>{l s=’ para ir a la página de descargas de Macromedia’ mod=’editorial’}.</p>
y editar cada frase en cada idioma en BO > Herramientas > Traducciones > Traducciones de Módulos

2- En una página independiente

2.1 – Crea un archivo galeria_de_fotos.php que contenga las líneas:
<?php
include(dirname(__FILE__).’/config/config.inc.php’);
include(dirname(__FILE__).’/header.php’);
$smarty->display(_PS_THEME_DIR_.’photos.tpl’);
include(dirname(__FILE__).’/footer.php’);
?>
2.2 – Crea un archivo galeria_de_fotos.tpl con el código de la galería.
2.3 – Edita la información correspondiente a la página de la galería en BO > Preferencias > Metatags
2.4 – Para editar las traducciones de las frases procedemos igual que con el ejemplo de la editorial, pero sin incluir mod=’editorial’, y editando en BO > Herramientas > Traducciones > Traducciones de Front Office
2.5 – La URL de nuestra galería es www.nombretienda/galeria_de_fotos.php

3- En un enlace del CMS (módulo Bloque de información)

3.1 – Ve a BO > Herramientas > CMS y crea una página para la galería.
3.2 – Edita laos tags META y la URL amigable. En el editor de texto, pulsa el botón HTML y pega el código de la galería. Cambia todas las rutas añadiendo ../ al principio. Ejemplo:
var so = new SWFObject(«../flashgallery/flashgallery.swf», «gallery», «800», «600», «8»);

3.3 – Ve a Módulos, y edita el módulo Bloque de información para mostrar el enlace en el bloque.