SERGIOIGLESIAS

Blog sobre Joomla

Overrides y presentaciones alternativas en Joomla: qué son, cómo crearlos y cómo utilizarlos

Hoy te traigo un artículo interesante en el que te presento la diferencia que existe entre presentación alternativa y overrides en Joomla y cómo utilizarlos en tu página web.

Overrides y presentaciones alternativas en #Joomla: qué son, cómo crearlos y cómo utilizarlos - #MejorConJoomla Tuitéalo

Sobre los overrides ya te he hablado varias veces en este blog y te recuerdo algunos de esos artículos que te recomiendo volver a leer:

Sobre todo te recomiendo el tercer artículo (Cómo hacer un override de la vista de artículo en Joomla!) en el que te explico paso a paso cómo hacer un override directamente desde Joomla, sin necesidad de ningún editor de código, y cómo adaptar el HTML a tus necesidades.

Qué es un override

Un override (o reemplazo) es la técnica que se usa en Joomla para poder cambiar o adaptar la forma en que se muestra la información de alguna de las extensiones que utilizas en tu página web, bien sea del CORE o bien de terceros, bien sea un componente, módulo o plugin, sin tener que hacerlo desde el código nativo de la misma.

De esta forma vas a evitar que en las actualizaciones que haya se sobre-escriba de nuevo lo que has hecho y se pierda esa adaptación.

Esta técnica es muy utilizada en el desarrollo de una página web con Joomla ya que tiene muchas ventajas.

Un override muy sencillo de hacer es en el módulo de "Artículos - Noticias de actualidad".

Yo lo tengo en varios sitios de mi página web:

  • En la página de inicio: el módulo de artículos del blog (de aquí nació el módulo de Articles Thumbnails).
  • En todas las páginas: el módulo de Píldoras web del pie de página.

Quizá, una vez que los veas, te preguntes: ¿Por qué se ven de diferentes formas si solo puedes hacer un override?

Pues aquí está una vez más la magia de Joomla: a través de las llamadas Presentaciones alternativas.

Qué es una presentación alternativa

Prácticamente su forma de denominarlo ya te lo dice todo.

Una presentación alternativa no es más que una vista (de componente o módulo) en la que te basas para presentarla o mostrarla de una forma diferente (o las que necesites).

Esta técnica te permite reutilizar código y no necesitas tener que instalar otras extensiones para mostrar la misma información de diferente forma.

Seguro que ahora te ronda por la cabeza que esto lo puedes utilizar para muchas cosas dentro de tu web.

Y así es.

Como puedes ver en el ejemplo que te ponía antes, yo lo he utilizado para mostrarlo de 2 formas totalmente diferentes: en formato "card" para el primero y en formato "listado con imagen" en el segundo.

La configuración que necesitaba para ambos es la misma: mostrar artículos de una o varias categorías ordenadas de forma cronológica.

Este mismo ejemplo se podría haber hecho utilizando el módulo de "Últimas novedades" (también nativo de Joomla).

Cómo hacer una presentación alternativa en Joomla

Bien, ahora que ya sabes qué es cada una de estas 2 técnicas, que ya te he mostrado en otro artículo cómo crear un override, te voy a enseñar a crear y utilizar una presentación alternativa.

Al igual que los override, lo puedes crear desde tu entorno de desarrollo o desde la zona de adminsitración de Joomla.

Para el ejemplo, usamos la segunda.

Además, voy a utilizar el módulo de "Últimas novedades".

Si lo haces con el módulo de "Artículos - Noticias de actualidad" verás que ya trae de forma nativa 3 presentaciones alternativas: por defecto (default), horizontal y vertical.

Tendrás que ir a Extensiones > Plantillas y seguir los mismos pasos que vimos en los override.

Una vez tengas el primer override hecho debería aparecerte lo siguiente:

presentacion alternativa joomla 01

Puedes ver en la captura que el módulo "mod_articles_latest" tiene un solo override llamado default (default.php).

Para hacer una presentación alternativa basada en default creamos un nuevo override de la misma forma que antes (Pestaña "Crear modificaciones" > Hacer clic en mod_articles_latest).

Una vez hecho esto tendrás lo siguiente:

presentacion alternativa joomla 02

Como puedes ver, ahora tenemos 2 ficheros: default.php y defaul-FECHA-HORA.php

Ya solo nos faltarían 2 pasos:

  1. Editar el fichero y adaptarlo a las necesidades.
  2. Cambiarlo de nombre para que sea algo más representativo.

Para hacer estos 2 pasos tanto solo tienes que editar el fichero haciendo clic en el mismo.

Verás una pantalla de edición de código cómo la siguiente:

presentacion alternativa joomla 03

Y como puedes ver en la parte de la "botonera", tienes un botón que se llama "Renombrar archivo".

Si pinchas en él se abre una ventana modal (o popup) en el que podrás cambiar su nombre:

presentacion alternativa joomla 04

Yo lo he llamado "pildoras", pero te recomiendo que utilices un nombre que te diga a ti algo sobre lo que se va a visualizar.

Con estos sencillos pasos ya lo tienes listo para usar en tu página.

Repitiendo este proceso puedes tener tantas presentaciones alternativas como necesites.

Cómo usar una presentación alternativa en Joomla

Usarlo una presentación alternativa en Joomla es de lo más fácil.

Solo tienes que ir a la gestión de tus módulos, añadir uno nuevo, seleccionar el tipo (en este ejemplo "Últimas novedades"), configurarlo y, en la pestaña "Avanzado", seleccionar la presentación que necesites desde el campo "Presentación".

presentacion alternativa joomla 05

Ya está.

Ahora cuando se muestre ese módulo en tu página web se visualizará cómo tu quieres.

Para los artículos habría que hacer lo mismo que te he explicado en este artículo, pero haciendo el override de la vista que necesites.


Espero que este tip sobre overrides y presentaciones alternativas en Joomla te haya aclarado dudas y te ayude para tus proyectos.

Si quieres ayudar a otros usuarios con este tema... comparte el artículo.

Overrides y presentaciones alternativas en #Joomla: qué son, cómo crearlos y cómo utilizarlos - #MejorConJoomla Tuitéalo

Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

No hay comentarios

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.