#Galería en #Prestashop 1.6 con #Fancybox by @_osk_

fuente: http://tonalidad.es/blog-de-notas/galerias-en-prestashop-1-6-con-fancybox/

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 unrel="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.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s