Ejemplo de template override

En el artículo template override explicamos como modificar un componente desde nuestra plantilla, ahora vamos a ver un ejemplo práctico sencillo para iniciarnos.

Vamos a modificar el módulo de búsqueda para cambiar la imagen del botón "IR" y para acerlo cumplir con las normas de accesibilidad, ya que no tiene etiqueta "ALT", y al pasar el ratón no muestra nada.

Primero, en nuestra plantilla creamos la carpeta "html" (sino está ya), dentro de ésta creamos la carpeta con el nombre del componente, "mod_search" y hay copiamos el fichero "default.php" y el "index.html", que se encuentrar en la carpeta "tmpl" del componente original.

Ahora, cualquier cambio que hagamos en el archivo "default.php" prevalecerá sobre el original, por ejemplo en la línea 10, haremos que quede así:


$button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" alt="botón buscar" src="templates/nombre_tu_plantilla/images/imagen_buscar.png" onclick="this.form.searchword.focus();"/>';


Con lo que la propiedad "alt" añadida, los PC's con software de accesibilidad, ahora si que reconoceran correctamente la imagén, y para los navegadores comunes, la imagen del botón será
la que pongamos en nuestra plantilla, dentro de la carpeta "images".