Se lee en 1 minuto

Si estás usando Prestashop 1.6 (o Prestashop 1.5) es probable que necesites una galería de imágenes en una “página CMS” o lo que al menos yo llamo “página estática”. Prestashop 1.6 viene con Fancybox para facilitarnos la vida.

Para usarlo es tan fácil como añadir a dicha “página CMS” tus miniaturas o “thumbs” más o menos así:

Como verás, la etiqueta a tiene la clase “fancybox” asignada y un rel="gallery".

Si estás usando el tema (theme) que viene por defecto, tienes dos opciones:

  • Buscar el archivo “global.js” (está en la ruta “themes/default-bootstrap/js/global.js“)
  • Buscar el archivo “cms.tpl” (está en la ruta “themes/default-bootstrap/cms.tpl“)

No voy a entrar a valorar qué es mejor (para eso puedes documentarte buscando un poco en Google), simplemente deberás añadir a uno de estos dos archivos este código, fuera de cualquier condicional etc.

Si a todas las thumbs de tu “página CMS” le pones su link único (como el del primer ejemplo) correspondiente, tendrás una galería con aspecto “lightbox” “fancybox” 🙂

Para acabar, sólo mencionar que Fancybox usa jQuery.

Web oficial de Fancybox

Suscríbete a tonalidad.es