Los 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
Soporte técnico WordPress en Webempresa y ponente habitual en Meetups y WordCamps de América.
