Supporto volontario e collaborativo per Joomla!® in italiano

Campi aggiuntivi: come inserirli nei contenuti e personalizzarli

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Informazioni utili
Continuiamo la serie di articoli sulla nuova feature di Joomla 3.7, i campi aggiuntivi, andando a scoprire come inserirli all'interno del testo del contenuto e personalizzarne il layout. Questa caratteristica può risultarci utile sia per rendere l'implementazione dei campi aggiuntivi più unica ed in linea con la grafica del sito, ed utile anche per facilitare il compito dell'eventuale gestore del sito che deve modificare solo quel singolo dato.

I campi aggiuntivi normalmente appaiono sopra al contenuto dell'articolo, ma nel parametro Visualizza campo abbiamo altre opzioni:
- Dopo il titolo
- Dopo il contenuto
- No



Se vogliamo inserire il campo all'interno del contenuto, affinchè non si ripeta due volte impostiamo questo parametro su No.
Poi andiamo a modificare il contenuto e clicchiamo sul pulsante Campo aggiuntivo (questo pulsante appare solo una volta creati dei campi aggiuntivi per i contenuti):



Questo farà apparire una finestra modal che ci consentirà di selezionare uno dei campi aggiuntivi creati:



Selezioniamo il campo aggiuntivo dove avevamo impostato su No il parametro Visualizza campo e automaticamente nel contenuto dell'articolo verrà inserito il codice che richiama il singolo campo aggiuntivo:



dove 8 è l'ID del campo aggiuntivo

Assicuriamoci che in quell'articolo abbiamo inserito il valore nel campo aggiuntivo, nel mio esempio ho inserito "25 euro". Ora, se andiamo a vedere il risultato in frontend, vedremo apparire il campo aggiuntivo all'interno del testo:


Override del campo aggiuntivo

Ora proviamo a personalizzare il campo aggiuntivo in modo che si integri nel testo come un bottone. Nel mio esempio ho utilizzato un campo aggiuntivo di tipo Testo, con titolo Prezzo e l'autore dell'articolo deve solo compilare il campo aggiuntivo e scegliere dove posizionarlo nell'articolo.

Per personalizzare il campo aggiuntivo copiamo il file /components/com_field/layouts/field/render.php nella cartella /templates/tuo-template/html/layouts/com_fields/field e rinominiamolo ad es. in foo.php
("tuo-template" è riferito alla cartella con il nome del template da te utilizzato e le cartelle com_fields/field vanno create manualmente se non presenti)

Per richiamare questo override, modifichiamo la stringa che richiama il campo aggiuntivo in questo modo:



Ora andiamo a modificare il file foo.php in modo che sia diverso dall'originale.

Questo è il codice originale che richiama il campo aggiuntivo:



Questa è una possibile modifica, per ottenere un bottone ben in evidenza, sostituendo tutto quel codice con questo:

<div class="btn btn-large btn-primary" style=" float:left; width:150px; margin: 0 10px; color: #fff; font-size: 30px;"><span class="field-value"><?php echo $value; ?></span></div>


Questo il risultato:




Questo è un possibile utilizzo, ora sbizzarritevi ;)

 

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.8.1 Stabile Italiana
Data di rilascio: 04 Ottobre 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: