El módulo se instala como cualquier otra extensión, accediendo al back-end, desde el acceso de menú "Extensiones ->Instalar/Desinstalar" y allí utilizando cualquiera de las tres opciones.

Las configuraciones son las siguientes, veamoslas en dos partes:

Ancho del contenedor: Se refiere al ancho que ocupará la totalidad de los iconos/enlaces

Ruta: Es la ruta donde se alojarán los iconos. Debe ser relativa al sitio y se aconseja ponerlas dentro del mismo módulo en la carpeta destinada a tal fin. De manera facilitamos los cambios.

Imagen separadora: Aquí se deberá indicar la ruta y el nombre de la imagen que hará de separadora de los iconos/enlaces.

LISTADO DE ENLACES: la capacidad del módulo es de hasta 10 iconos/enlaces y cada uno tiene los siguientes parámetros:

: Es la ruta completa del enlace, incluyendo http:// delante.

Etiqueta TITLE del enlace: se refiere a la etiqueta HTML title que llevará el enlace. La misma se verá como tip y además será el nombre o título del enlace que se verá en el frontend.

Subtítulo: es el texto que se mostrará debajo y no debe ser muy extenso.

Destino: aquí indicaremos cómo se abrirá el enlace, si en la misma ventana, en una nueva o en popup.

Icono: es el nombre del icono que irá al lado del enlace. Debe estar ubicado en la carpeta indicada en el parámetro "Ruta".

Fondo del contenedor: En este parámetro debemos indicar el valor hexadecimal del color que queremos que tome el fondo de este contenedor. Cada contenedor/icono/enlace puede tener un color diferente, de manera que podemos conseguir una vistas muy bonitas.

Ahora veamos la segunda parte de la configuración:

ESTILO CSS PARA LOS ICONOS: con esta opción podemos habilitar o no que los iconos lleven un borde. Si eligen que "Habilitar" deberán completar los campos de abajo.

Tamaño del borde: grosor del recuadro que llevará el icono, en pixeles con el sufijo px.

Separación del borde: es la distancia que se verá el cuadro de la imagen. Indicar el valor en pixeles con el sufijo px.

Color del borde: es el valor hexadecimal para el color del recuadro del icono. Indicar con el prefijo #.

Tipo de borde: se refiere al tipo CSS que tomará el borde. Hay varias opciones pero recuerden que por ejemplo si escogen "groove" o "double" deberán especificar un "tamaño del borde" de 2px o más, caso contrario no se notará.

ESTILO CSS PARA LOS TEXTOS: con esta opción podemos darle formato a los textos, tanto al título como al subtítulo.

Estilo para el título: aquí irá el código CSS para el título. El módulo trae uno predefinido pero pueden modificarlo a su antojo pudiendo poner lo que quieran. Hay que destacar que el título representa un enlace por lo que el "estilo" del enlace lo tomará de la plantilla, desde aquí solo podremos modificar el tamaño, tipo de fuente, etc., no así el color con el que estén determinados los mismos.

Estilo para el subtítulo: idem anterior para los subtítulos.

DIMENSIONES DE VENTANAS EMERGENTES: se refiere al tamaño que tendrá la ventana emergente en el caso de que hayamos optado por la apertura de los enlaces como "Ajax Emergente".

Ancho ventana ajax: es el ancho en pixeles pero sin el sufijo px, solo el número.

Alto ventana ajax: idem anterior.

SUFIJO DE CLASE DE MÓDULO: se refiere al sufijo de módulo que traen algunas plantillas para que el módulo obtenga los fondos y dimensiones de este.