Supporto volontario e collaborativo per Joomla!® in italiano

Campi aggiuntivi di Joomla e override: campo Colore (color)

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Torniamo a parlare dei campi aggiuntivi di Joomla, questa volta in particolare del campo Colore.
A cosa può servire questo campo? Come possiamo utilizzarlo?
In questo articolo vi farò un esempio utile...

In amministrazione di Joomla, in Contenuti > Campi aggiuntivi creiamo il campo Colore (color) e in un articolo compiliamo il campo scegliendo uno dei colori del palette che si apre cliccando sul campo o scrivendo direttamente il codice.
Salviamo l'articolo e vedremo apparire il valore inserito prima del contenuto dell'articolo:



Come vedete, utilizzato così questo campo aggiuntivo ha poco senso...
Pensiamo però a cosa potrebbe servirci questa informazione. Se il contenuto fosse ad esempio la scheda di un prodotto, potremmo aver bisogno di far vedere un riquadro con il colore del prodotto.
Possiamo farlo tramite un override del template sul singolo campo aggiuntivo

Override del template per il campo aggiuntivo Colore (color)


Per fare l'override dobbiamo copiare il file components/com_fields/layouts/fields/render.php nella cartella html/layouts/com_fields/fields/ del nostro template (ovviamente creiamole se non sono esistenti).
In questo file è presente il codice che consente di visualizzare i campi aggiuntivi all'interno di una tabella:


<dl class="fields-container">
<?php foreach ($fields as $field) : ?>
    <?php // If the value is empty do nothing
    if (!isset($field->value) or $field->value == '') :
        continue;
    endif; ?>
    <?php $class = $field->params->get('render_class'); ?>
    <dd class="field-entry <?php echo $class; ?>">
        <?php echo FieldsHelper::render($context, 'field.render', array('field' => $field)); ?>
    </dd>
<?php endforeach; ?>
</dl>

All'interno di questo codice inseriamo il codice per controllare se il campo è compilato e in questo caso inserire un riquadro del colore scelto utilizzando le IcoMoon:

<dl class="fields-container">
<?php foreach ($fields as $field) : ?>
    <?php // If the value is empty do nothing
    if (!isset($field->value) or $field->value == '') :
        continue;
    endif; ?>
    <?php $class = $field->params->get('render_class'); ?>
    <dd class="field-entry <?php echo $class; ?>">
        <?php echo FieldsHelper::render($context, 'field.render', array('field' => $field));
        // controlla il tipo di campo color
        $text = (($field->type)=='color');
        if (!empty($text)) {
        echo '<span class="icon-square" style="font-size:36px; color:' .$field->value. ';margin: 10px 10px 10px 0px; "></span>';
    }?>
    </dd>
<?php endforeach; ?>
</dl>


Questo il risultato:




Questo è un esempio, se trovate altri utilizzi per questo campo aggiuntivo segnalateli nel commento all'articolo ;)


 

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

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