Supporto volontario e collaborativo per Joomla!® in italiano

Come creare un override dei Tags di Joomla

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Traduzione dell'articolo How to Create Layout Overrides for Joomla Tags con un esempio personalizzato a sorpresa di override dei layout dei Tags di Joomla per renderne più piacevole la visualizzazione da frontend.


Joomla consente di personalizzare quasi tutto attraverso l'override. Gli override dei layout sono dei tipi di override che permettono di personalizzare piccoli elementi, come l'autore di un articolo o la data di pubblicazione.
In questo tutorial vedremo come creare un override dei layout per i tags di Joomla.

L'immagine sottostante mostra come appaiono di default i tags degli articoli di Joomla, utilizzando il template Protostar:





Vediamo come personalizzarli.

1. Creare un override dei layout


Copiamo alcuni file del core di Joomla nel nostro template, così li possiamo personalizzare.

- Andiamo in Estensioni
- Template
- Template
- Cerchiamo i Dettagli e File del nostro template



- Clicchiamo sul tab "Crea Override"
- Clicchiamo su "content" nella colonna Layout




Questo genererà un set di file nella cartella /templates/tuo-template/html/layouts/joomla/content/

2. Personalizzare il layout dei tags


- Torniamo nel tab "Editor"
- Navighiamo in html > layouts > joomla > content > tags.php




Qui possiamo cambiare il codice che interpreta i tags visualizzati negli articoli.



In questo esempio, vogliamo fare in modo che, se è presente nel singolo tag una Immagine miniatura, questa viene visualizzata al posto del nome del tag.
Eliminiamo le linee 24 e 25:




E rimpiazziamole con il seguente codice:




Abbiamo quindi eliminato la classe dal tag <a> per fare in modo che non appaia lo stile pulsante blu, mentre con il comando successivo richiamiamo l'Immagine miniatura se impostata nel singolo tag, oppure il Titolo del tag se questa non è presente.
Di seguito il codice da copiare e incollare:
    <a href="<?php echo JRoute::_(TagsHelperRoute::getTagRoute($tag->tag_id . '-' . $tag->alias)) ?>">
        <?php $images  = json_decode($tag->images); ?>
        <?php if (empty($images->image_intro)) : ?>
        <?php echo $this->escape($tag->title); ?>
        <?php endif; ?>
        <?php if (!empty($images->image_intro)) : ?>
        <img src="<?php echo $images->image_intro; ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
        <?php endif; ?>



- Clicchiamo su "Salva e chiudi"

Ora da Componenti > Tags impostiamo nei singoli tag del sito delle Immagini miniatura, per poter testare il funzionamento del nostro override:


3. Risultato finale

Senza l'override i tag verrebbero visualizzati in questo modo:





Con l'override i tag vengono visualizzati in questo modo:








Il tag Solarium è l'unico che non ha un'Immagine miniatura impostata, quindi viene visualizzato il Titolo. Ovviamente con questo override sarebbe meglio assegnare a tutti i tag un'Immagine miniatura per avere un effetto visivo più gradevole.

Che ne dite? Con questa piccola modifica possiamo utilizzare il componente Tags con un concetto diverso, può essere utile ad es. per un sito con delle strutture ricettive per mostrare i servizi che offrono.
Volendo nel codice si può anche togliere il tag <a> e </a>, in modo che appaiano i tag ma senza link. Oppure vi potete sbizzarrire con altre interessanti modifiche e se le volete condividere commentate questo articolo ;)


Leggi anche:
- Layout alternativi di Joomla: oltre l'override
- Layout alternativi di Joomla: voci di menu e moduli


 

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.7.2 Stabile Italiana
Data di rilascio: 23 Maggio 2017
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: