Spesso si può avere l'esigenza di dover utilizzare la pagina contatti che Joomla in automatico genera, pronta con un bel form, ma non è sempre come ci piace e magari vorremmo aggiungerci un'immagine, magari la cartina di come raggiungerci o inglobare la una google maps.. come fare?
Utilizzando una delle grandi funzioni che ha introdotto la versione di Joomla 1.5 rispetto alla 1.0 cioè l' "override". In pratica la "sovrascrizione" della skin dei moduli e componenti di default di joomla attraverso il template.
In pratica inserendo gli appositi file nella cartella html del template che vogliamo personalizzare verranno letti prima quelli e interpretati cosi dal browser.
Il percorso è il seguente:
nome-template/html/nome-estensione/nome-visualizzazione/nome-file.php
Facciamo l'esempio che dicevamo, di cambiare la pagina contatti per personalizzarla come vogliamo, ad esempio inserire la mappa di Google.
Create dentro la cartella "com_contact" dentro la cartella html del vostro template. All'interno di questa create un altra cartella e nominatela "contact".
Avrete questo percorso:
templates/nome-template/html/com_contact/contact
Ricordatevi sempre, quando create una nuova cartella, di inserire al suo interno un file index.html contenente il seguente codice
<html><body bgcolor="#FFFFFF"></body></html>
Ora andiamo nella radice di Joomla e copiamo i seguenti file
components/com_contact/views/contact/tmpl/
default.php
components/com_contact/views/contact/tmpl/
default_address.php
components/com_contact/views/contact/tmpl/
default_form.php
e li incolliamo dentro la nostra cartella:
all'interno della cartella templates/nome-template/html/com_contact/contact
Questi sono i file che governano la pagina contatti e che fanno?:
- default.php : è la struttura generale della pagina
- default_address.php : contiene il codice che permette di visualizzare l'indirizzo e le informazioni del contatto
- default_form.php : contiene il codice che permette di visualizzare il modulo per l'invio di una mail al contatto
Apriamo il file templates/nome-template/html/com_contact/contact/default.php
La struttura del file si presenta abbastanza semplice. Dopo una cinquantina di righe troviamo questo codice:
<?php if ( $this->contact->image && $this->contact->params->get( 'show_image' ) ) : ?>
<div style="float: right;">
<?php echo JHTML::_('image', '/images/stories' . '/'.$this->contact->image, JText::_( 'Contact' ), array('align' => 'middle')); ?>
</div>
<?php endif; ?>
Qui è il posto dove Joomla! se vogliamo ci fa inserire un immagine e noi? beh noi incolliamo subito dopo il codice che ci fornisce google per inserire la nostra mappa, e il gioco è fatto! Salviamo e ricarichiamo la pagina per vedere i cambiamenti :)
