Supongamos que desea hacer una Grilla de 2 filas y 3 columnas,

11 12 13
21 22 23

entonces primero debe publicar 6 módulos (de cualquier tipo, pueden ser propios del core de joomla, NSP (News Show Pro también de Gavick), de K2 o bien HTML personalizado, que son los que finalmente llenarán las celdas de la Grilla, por lo tanto todo el sistema consistirá de 7 módulos, 6 que obtienen datos y uno que los presenta.

Publicamos cada uno de los 6 módulos que obtienen datos en una posición ficticia (por ejemplo GRID1), sugerimos una posición ficticia para que los datos solo sean presentados en la grilla.

Posteriormente una vez publicados los 6 módulos, debe proceder a crear el módulo Grid Gk5 que es el que finalmente mostrará en sus celdas el contenido de cada uno de los otros módulos ya creados.

Entonces, cree una instancia del módulo Grid GK5, ya adentro, una vez que le dio el nombre a este módulo y la posición en que finalmente se mostrará (preferentemente en mainbody), ud. establece el llenado de las cedas en la pestaña [Grid Setup].

En esta opción pincha el botón [+] y en ese momento en el campo [position] ingresa la posición en la que está el módulo que desea presentar en la primera celda (la primera de arriba a la izquierda), en este caso la posición es la posición ficticia en la que publicó los 6 módulos, tomará el primero de los módulos que está en dicha posición.

La grilla soporta hasta 6 bloques hacia el lado, en este caso, como dejaremos 3 módulos hacia el lado, los dejaremos todos de 2 x 1. (cada módulo ocupará 2 celdas de ancho)
– Desktop Size 2×1 (indica que esta sera de 2×1)
– Tablet Size 2×1 (indica que esta celda sera de 2×1)
– Mobile Size 2×1 (indica que esta celda sera de 2×1)

Termina de ingresar el bloque con el botón [Save Block], entonces Grid GK5 tomará el primero de los módulos que esté publicado en la posición GRID1 y lo pondrá en la primera celda.
(en el diagrama de la derecha ve como va quedando), si desea cambiar solo debe pinchar una de las celdas de la derecha y se abrirá nuevamente los parámetros de la celda.

Luego presiona nuevamente el botón [+] y continúa con la segunda celda y así sucesivamente hasta completar las 6 celdas.

Una de las ventajas de este módulo, ademas de que permite una presentación muy vistosa, es su responsividad, esto es, las celdas se re-acomodan cuando la página se visualiza en un dispositivo con una pantalla menor (Tablet o smartphone).

Vea un ejemplo en que https://www.kazeta.cl aplicó esto módulo en http://www.alljoy.cl y http://www.cabanastamarugos.cl

Muchas gracias, un saludo

– Botón “Me gusta” de Facebook.
– Botón +1 de Google+
– Botón “Compatir” de Google+
– Botón Twitter
– Botón “Pin It” de Pinterest

Cabe destacar que esta integración, es mucho más que un simple enlace a la Pagina de Inicio de la red social en cuestión, en su lugar levanta una ventana emergente (popup) con un resumen de la página que se está viendo (imagen incluida) y permite incrustar un post en la cuenta personal de la red social de la persona que está visitando la página en ese momento (se requiere que la persona esté conectada a la red social en cuestión).
Para la integración Facebook se requiere obtener anticipadamente una Facebook API ID.
No está incluida Instagram en esta solución y no se puede agregar en la solución de la plantilla Gavick.
Una alternativa es prescindir de la solución que trae incorporada la plantilla Gavick e instalar otra extensión para este fin.