Descuento 20% Diciembre
Plugin Optimización de Imágenes Gratuito para WordPress
Miércoles, 25 Mayo 2011 00:35

Sufijos de módulos en Joomla - 1/2

Escrito por 
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


ico sufijosLos sufijos son una característica de los templates en joomla y nos permiten cambiar la apariencia de los módulos que se muestran en nuestro sitio web, redefiniendo las clases CSS que se usan para visualizarlos.

En esta primera parte veremos cómo utilizar los sufijos que trae un template por defecto, utilizaremos el template comercial yourshop de la empresa gavick. En este link podemos ver todos los sufijos disponibles para el template yourshop

1- Generalidades

Desde el backend de Joomla, al ingresar al gestor de módulos y ver el detalle de un módulo específico, encontraremos entre otras opciones de configuración una opción para definir el sufijo de la clase del módulo, tal como se muestra en la siguiente imagen

Esto permite al módulo modificar o adicionar clases a la clase por defecto "moduletable" que coloca Joomla en los módulos.

 

2- Redefiniendo el nombre de la clase

En base a la documentación del template es posible cambiar el nombre de la clase agregando un sufijo sin espacio, por ejemplo el sufijo "_menu" , lo cual se concatenaría con la clase moduletable y quedaría en código html

class="moduletable_menu"

Es importante notar que esta última definición es una clase nueva y debe existir en los archivos de estilos del template

 

3- Agregando una clase

En otros casos solo se especifica agregar un nombre, por ejemplo el sufijo " color1" , el cual debe ser agregado con un espacio delante y el cual al concatenarse con la clase por defecto moduletable quedaría en código html

class="moduletable color1"

En este caso tanto moduletable como color1 son clases independientes que deben existir en los archivos de estilos

 

4- Resultado Final 

Aplicando el sufijo con espacio color1 al módulo de categorías

 

En el siguiente video se explica el uso de los sufijos para el template yourshop

 


¿Te ha resultado interesante este artículo?

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




Plugin Optimización de Imágenes Gratuito para WordPress