[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Overrides y presentaciones alternativas en Joomla: qué son, cómo crearlos y cómo utilizarlos [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 24 Marzo 2021 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 3 - 6 minutos Visitas: 3824 - - [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla) - [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla) - [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla) ![](https://sergioiglesias.net/images/blog/tips/overrides-presentaciones-alternativas.jpg) 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/overrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Foverrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos&text=Overrides%20y%20presentaciones%20alternativas%20en%20%23Joomla%3A%20qu%C3%A9%20son%2C%20c%C3%B3mo%20crearlos%20y%20c%C3%B3mo%20utilizarlos%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=Overrides%20y%20presentaciones%20alternativas%20en%20%23Joomla%3A%20qu%C3%A9%20son%2C%20c%C3%B3mo%20crearlos%20y%20c%C3%B3mo%20utilizarlos%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Foverrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos "Enví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: - **Overrides gratuitos para tu Joomla**: [Gran colección gratuita de Overrides Joomlaa](https://sergioiglesias.net/blog/joomla/463-gran-coleccion-gratuita-de-overrides-joomla) - **Override en plugins Joomla**: [Overrides del plugin de cálculo de estimación de tiempo de lectura en Joomla](https://sergioiglesias.net/blog/joomla/347-overrides-del-plugin-de-calculo-de-estimacion-de-tiempo-de-lectura-en-joomla) - **Override en vista de articulo**: [Cómo hacer un override de la vista de artículo en Joomla!](https://sergioiglesias.net/blog/joomla/345-como-hacer-un-override-de-la-vista-de-articulo-en-joomla) - **J-Over**: [un proyecto Joomla sobre overrides y presentaciones alternativas](https://sergioiglesias.net/blog/recomendaciones/326-j-over-un-proyecto-joomla-sobre-overrides-y-presentaciones-alternativas) Sobre todo te recomiendo el tercer artículo ([Cómo hacer un override de la vista de artículo en Joomla!](https://sergioiglesias.net/blog/joomla/345-como-hacer-un-override-de-la-vista-de-articulo-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](https://sergioiglesias.net/blog/extensiones/434-modulos-desarrollados-para-joomla-3-y-sus-caracteristicas)). - 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/presentacion-alternativa/presentacion-alternativa-joomla-01_1230.png?version=e3b1235ed917e24b3e7516c087382575) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/presentacion-alternativa/presentacion-alternativa-joomla-02_1230.png?version=c1e463d448396cffe0450c2f36e70b3d) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/presentacion-alternativa/presentacion-alternativa-joomla-03_1230.png?version=1b0125b003e7c2ad1d2da686ab4dda4a) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/presentacion-alternativa/presentacion-alternativa-joomla-04_1230.png?version=e16a4f9b180ee0c4e8ceed170ed23e3a) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/presentacion-alternativa/presentacion-alternativa-joomla-05_1230.png?version=ce0d6ef4b80e1ad3f982784a819edeb5) 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/overrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Foverrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos&text=Overrides%20y%20presentaciones%20alternativas%20en%20%23Joomla%3A%20qu%C3%A9%20son%2C%20c%C3%B3mo%20crearlos%20y%20c%C3%B3mo%20utilizarlos%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=Overrides%20y%20presentaciones%20alternativas%20en%20%23Joomla%3A%20qu%C3%A9%20son%2C%20c%C3%B3mo%20crearlos%20y%20c%C3%B3mo%20utilizarlos%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Foverrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### 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**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*