Esta semana, preparando una nueva web, me he encontrado con la necesidad de realizar modificaciones en Genesis Portfolio Pro, el plugin para crear portfolio de proyectos que viene con muchos child themes de Genesis Framework.
El cliente quería que en caso de tratarse de un video, al hacer clic en la miniatura del proyecto, se mostrara el video de youtube en una ventana modal o lightbox, en lugar de acceder a la página del proyecto en si.
Para solucionarlo, he seguido los siguientes pasos, que en el video veréis con detalle:
- Descargar la librería Fancybox de jQuery para la funcionalidad de lightbox y copiar los archivos necesarios a nuestro tema
- Añadir Advanced Custom Fields y crear dos campos para los CTP portfolio, uno para indicar si es un video y otro para la url de youtube
- Modificar la plantilla archive-portfolio.php para incluir la librería jQuery y modificar le loop para detectar si es video y en ese caso modificar la url de destino de cada elemento.
Tutorial paso a paso
Este contenido está restringido para los suscriptores de la Zona DPW Premium.
Inicia sesión o registrate para ver este contenido
Video tutorial
En el video podrás ver los pasos dados para poder realizar los cambios detallados:
Este contenido está restringido para los suscriptores de la Zona DPW Premium.
Inicia sesión o registrate para ver este contenido