Jueves, 11 Julio 2013 22:46

Mejora tus 'modales' en Joomla 2.5 y 3.0 con Modals

Escrito por 
CMS:  Joomla! |  Versión:  2.5/3.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


ModalsPresentar determinados contenidos de un sitio web Joomla en ventanas modales o emergentes es algo cada vez más habitual, si bien no siempre los usuarios consiguen que vídeos, imágenes o algunos enlaces se abran correctamente en este tipo de ventanas para mejorar la experiencia del usuario que visita su web.

Muchas extensiones ya incorporan la funcionalidad de mostrar contenidos multimedia en ventanas popup, modales con efectos lightbox o similares, pero claro, esto implica hacer uso de estas extensiones destinadas a usos muy concretos, en ocasiones alejados de nuestras necesidades puntuales.

Para estos casos, el desarrollador de NoNumber, Peter van Westen, desarrolló una extensión llamada Modals (antes Modalizer) que incorpora mejoras interesantes y principalmente va a permitir que podamos mostrar contenidos multimedia y enlaces en ventanas modales que mejoran la presentación de estos contenidos en la web.

Modals permite crear ventanas popup modales, crear vínculos y también convertir cualquier enlace existente en la página web en un enlace emergente en ventana modal.


Modal dispone de opciones para controlar los popups modales:

  • Control completo sobre el estilo (a través de algunas opciones de estilo y CSS).
  • Definir las dimensiones.
  • Crear imágenes en popups de forma rápida y fácil.
  • Mostrar galerías y presentaciones en ventanas modales (Solo versión PRO).
  • Hacer que los popups se abran en pageload (Solo versión PRO).
  • Modals sustituye a Modalizer y no es actualizable, hay que desinstalar Modalizer e instalar Modals y modificar la sintasix de los "tags".
  • Utiliza el script ColorBox desarrollado por Jack Moore.


Modals sólo funcionará correctamente si la configuración cumple los siguientes requisitos:

  • Versión de Joomla! 2.5 o 3.x
  • PHP 5.3 (PHP 5.2 sin soporte).
  • Funciones mbstring PHP (Multibyte String) habilitadas.
  • MySQL 5 o superior.

Ver y valorar Modals en el Joomla! Extensions Directory.

Descargar Modals desde la web del autor.


Diferentes sintaxis de Modals que puedes utilizar:


URLs internas y externas:

{modal component/content/article/654-my-article}Url interna{/modal}

Títulos:

Imágenes:

{modal images/fruit/bananas|Title=Plátanos}{/modal}

Vídeos:

{modal https://www.youtube.com/embed/tEaZDoj5MTg|width=560|height=315|title=Aprenda todo acerca de...}Vídeo de Youtube{/modal}
{modal http://player.vimeo.com/video/32823876|width=500|height=409|Title=Nonumber! power squared The power of combining NoNumber! extensions - Peter van Westen (NL)}Vídeo de VIMEO{/modal}

Gallerías (Solo versión PRO):

{modal gallery=images/gallery|showall=1}{/modal}

Gallerías con slideshow (Solo versión PRO):

{modal gallery=images/gallery|showall=1|slideshow=1}{/modal}


En este vídeo realizamos la instalación del plugin Modals e ilustramos algunos ejemplos de uso en Joomal 2.5.



Si quieres mejorar la forma en que se presentan determinados contenidos de tu sitio web y hacer que la experiencia del usuario se incremente, Modals es una buena excusa para hacerlo.


¿Colaboras en las traducciones?

Puedes aportar parte de tu tiempo ayudando a traducir la extensión Modals desde Transifex - Open Translators y de esta forma conseguir que con mayor rapidez estén disponibles las traducciones para tu idioma.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+