_duken_ Posted May 24, 2019 Share Posted May 24, 2019 Buenos días, Llevo poco tiempo trabajando con Prestashop y se me escapan algunas cosas. Tengo prestashop 1.7.5.2 instalado con la plantilla Warehouse actualizada. Necesito hacer una galeria de foto estilo fancybox, que tenga miniaturas y al pinchar en una se abrá estilo pop-up y que puedas pasar a la siguiente foto con las flechas de derecha u izquierda. El problema es que llevo días buscando como poner fancybox y no hay manera que me funcione correctamente. Alguien me puede facilitar un tutorial que te explique bien para PS 1.7 como instalar Fancybox, donde meter el script exactamente y el CSS, tanto los archivos físicos de fancybox como las llamadas. Vamos, algo completo y especifico para PS 1.7., o algún modulo gratuito o de pago (si no hay más remedio). Muchas gracias. Un saludo. Link to comment Share on other sites More sharing options...
sertopi Posted January 16, 2020 Share Posted January 16, 2020 Hola. Al final pudiste encontrar algo. Estoy en las mismas que tu y no encuentro nada. Muchas gracias Link to comment Share on other sites More sharing options...
_duken_ Posted January 20, 2020 Author Share Posted January 20, 2020 Hola buenas, Si al final pude aplicar un efecto light box. Depende de donde lo quieras aplicar. Por ejemplo si lo quieres aplicar a las fotos de producto, creo que llevaría otros pasos o bien un módulo. Yo lo puse en una fichas personalizadas que cree con un editor de texto. Funciona muy bien. Veo que comentaste el 16/01 pero he estado fuera y no lo he leido hasta hoy. Si aún necesitas solución contesta y te lo pongo. Un saludo. 1 Link to comment Share on other sites More sharing options...
sertopi Posted January 20, 2020 Share Posted January 20, 2020 Hola, que tal. Pues en los productos no es donde querría aplicarlo. Quiero hacer una especie de galería de fotos en una página CMS, donde al pinchar en cada foto se pueda ampliar o incluso hacer el efecto de galería. Creo que es un poco lo mismo que comentas que hiciste tú. Si dieras algo de luz sobre como poder hacerlo te lo agradecería, porque sigo necesitando ayuda. He trasteado con códigos y demás pero no consigo que aparezca o carge la librería de Fancybox. Muchas gracias. Link to comment Share on other sites More sharing options...
_duken_ Posted January 24, 2020 Author Share Posted January 24, 2020 Hola, Perdona el retraso pero veo esto del trabajo y no he tenido mucho tiempo para contestar. No se muy bien tu nivel de conocimientos de Prestashop por lo que dare por entendido que más o menos te manejas por la estructura base del prestashop. Lo que hice fue copiar todo el JS y el CSS del lightbox a los archivos custom.css y custom.js. Como estas hojas de estilo las carga por defecto siempre pues ya tienes la llamada hecha. Yo utilizo la plantilla Warehouse, dentro del editor de página o de producto puse un módulo HTML y de ahi hice la llamada. Te pongo un ejemplo de unos archivos con fotos de acabados, en HTML me queda así: "<p><a data-fancybox="gallery" href="/img/cms/MOSTRADORES-DE-RECEPCION/MOSTRADOR-DE-RECEPCION-DE-DISENO-ALPA/blanco-117.jpg"><img class="ex1" src="/img/cms/MOSTRADORES-DE-RECEPCION/MOSTRADOR-DE-RECEPCION-ECONOMICO-BASIC/ACABADOS/MOSTRADOR-BASIC-BLANCO-11.jpg" width="100" height=" 50" /></a></p>" Si necesitas que te pase mi archivo custom para mirarlo, dimelo y te lo paso. Un saludo Link to comment Share on other sites More sharing options...
sertopi Posted January 26, 2020 Share Posted January 26, 2020 Hola. Muchisimas gracias por la respuesta. Conocimientos del interior de Prestashop tengo los justos jajaja. Cuando dices esto "Lo que hice fue copiar todo el JS y el CSS del lightbox a los archivos custom.css y custom.js." ¿es dentro de esos archivos? o ¿sustituirlos por los que vienen dentro de la carpeta JS y CSS? En los archivos que me descargué de lightbox no veo ningún CUSTOM, por eso voy un poco perdido. Imagino tambien que la ruta donde hay que meterlos es en la de platilla "public_html/themes/gloriea/assets/js". Antes de empezar a cambiar cosas quiero estar seguro para no tener que empezar de nuevo. Muchas gracias. Link to comment Share on other sites More sharing options...
sertopi Posted January 27, 2020 Share Posted January 27, 2020 Hola de nuevo. He introducido los archivos que vienen dentro del CSS y JS en la ruta que te decía arriba, y hago la llamada en el código fuente del artículo y no me sale el efecto. No debo meter bien los archivos donde cargue la biblioteca Fancybox porque no me hace el efecto. Pero es que por más que busco no encuentro nada. Estoy ya desesperado.😟 Link to comment Share on other sites More sharing options...
sertopi Posted January 27, 2020 Share Posted January 27, 2020 (edited) Bueno, pues por fin he podido conseguirlo. Por si a alguien le puede servir de ayuda dejo el enlace de donde lo he sacado. https://www.youtube.com/watch?v=7arurAIzuvM Edited January 27, 2020 by sertopi (see edit history) Link to comment Share on other sites More sharing options...
_duken_ Posted January 28, 2020 Author Share Posted January 28, 2020 Hola, Siento el retraso en contestar, pero como ya he comentado escribo desde el trabajo y hay días que no tengo nada de tiempo. Perdoname. Veo que ya lo has conseguido y el video viene de lujo y lo explica muy bien. Lo que hice fue parecido creo que en la misma carpeta donde mete el código hay una archivo que es custom.css. Básicamente este archivo sirve para meter código personalizado de CSS. Yo lo meti ahí y luego lo demás es tal cual el vídeo poner en el HTML, el código y la class FANCYBOX. Me alegro mucho que lo hayas conseguido y que hayas compartido un vídeo que ayudará a más gente adelante. Un saludo. Link to comment Share on other sites More sharing options...
sertopi Posted January 30, 2020 Share Posted January 30, 2020 Muchas gracias a ti por preocuparte y por contestar a mis dudas. Un saludo Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now