Martes, 23 Octubre 2012 14:48

Módulos y artículos en ventanas deslizantes con JPanel para Joomla! 2.5

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


JPanelEn otro artículo del Blog de Webempresa hablábamos sobre la importancia que tiene la publicidad en nuestras vidas, el impacto que esta ejerce en la sociedad y como motiva o condiciona nuestros hábitos de consumo y la forma de sacarle rendimiento en un sitio web sin caer en el abuso o exceso publicitario.

Al hilo del artículo dedicado a jQuery Daily PopUP para mostrar una cortina publicitaria cuando un visitante accede por primera vez a la web, podemos insertar otros elementos publicitarios más permanentes sin saturar la página y siempre buscando que resulten agradables y poco invasivos.

JPanel es un módulo, escrito para Joomla! 2.5 únicamente, que permite esto mismo, mostrar artículos o módulos en posiciones externa de la página (arriba, abajo, izquierda o derecha) de forma que con un simple clic el usuario aceda a contenidos específicos, bien sea publicidad, un artículo promocional, un banner publicitario, un vídeo u otros.

Este módulo permite visualizar otros módulos o artículos y establecer su visualización en cualquier parte de la web, en las posiciones arriba, abajo, derecha e izquierda.


Ver y valorar JPanel para Joomla! 2.5 en el Joomla! Extensions Directory.

Descargar JPanel para Joomla! 2.5 desde la web del autor.


Instalación del módulo:



Configuración de los parámetros del módulo:



Resultado de la visualización tras aplicar el módulo sobre la posición "header1" para que se muestre a la izquierda:



Corregir el problema de solapamiento de la ventana deslizante en la plantilla:

Es posible que muchas plantillas presenten problemas de solapamiento del módulo deslizante JPanel con otros elementos de la página, principalmente menús, slideshows que hagan uso de Flash o jQuery, vídeos y otros elementos.

La manera de corregirlo es sencilla y no requiere conocimientos de programación, tal como se describe a continuación:

  1. Editar el archivo localizado en la ruta /modules/mod_jpanel/assets/css/style.css
  2. Localizar la línea 11 (vacía) y añadir z-index:100; de forma que quede así:
  3. #sidejPanel{
    position:fixed;
    z-index:100;
    }

  4. Guardar los cambios y limpiar la caché del navegador o con Cache-Cleaner y verificar que funciona.

Es conveniente realizar una copia de seguridad del archivo antes de proceder con los cambios.

En el siguiente vídeo realizamos la instalación de JPanel y configuramos el módulo para que cargue un artículo de contenido y lo muestre en la´parte izquierda de la plantilla.



JPanel es una extensión sencilla y muy útil para mostrar avisos, publicidad, vídeos y otros contenidos en una solapa publicada en las posiciones externas de la plantilla (superior, inferior, izquierda y derecha).



¿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+