Sviluppo

Risolvo

Creo

Da tempo cercavo un modo semplice per aggiungere una cosa semplicissima al mio sito realizzato con Joomla!, vale a dire aggiungere la foto di anteprima agli articoli correlati.

Ritenevo il plugin del core di Joomla per visualizzare gli articoli correlati molto essenziale, comodo e veloce, facile da configurare.

Tuttavia mancava una caratteristica che io considero fondamentale: cioè la visualizzazione dell’immagine di anteprima sotto il titolo dell’articolo correlato. Si tratta davvero di una cosa basica, che davo per scontato ci fosse; in altri CMS è naturale che nella sidebar di destra, oppure sotto alla fine dell’articolo, ci sia un plugin che mostra articoli correlati con foto di anteprima.

Prima di intervenire sul codice sorgente ho cercato senza successo in rete e nella JED, estensioni del plugin oppure altri plugin che svolgessero questa funzione. Trovai solo alcuni plugin a pagamento.

Così prima di pagare un plugin ho deciso di avventurarmi nel codice sorgente del plugin degli articoli correlati per vedere come poter intervenire. In una discussione sul forum Joomla.org trovai un paio di stringhe di codice già postate da altri utenti che potevano fare al caso mio.

Così mi sono messo al lavoro e alla fine sono riuscito facilmente nel mio intento.

Propongo ora due soluzioni per raggiungere questo intento:

  1. Mettere mano al codice ed aggiungere una stringa

  2. Installare un modulo da me implementato sulla base del modulo del core di Joomla

Mettere mano al codice

Allora per ottenere la visualizzazione dell’immagine di anteprima degli articoli negli articoli correlati utilizzando il plugin del core di Joomla mettendo mano al codice quello che dovete fare è questo:

Dovete innanzitutto intervenire sul file default.php che trovate al seguente percorso:

vostrosito/modules/mod_related_items/tmpl/default.php

Dopodichè inserite queste due righe di codice nel file più o meno nella riga 20, l’importante è che sia all’interno dei tag list item, cioè <li>.

Qui sotto le righe di codice che ho utilizzato.

<?php $images = json_decode($item->images); ?>
<img src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>

Qui lo screenshot del file modificato.

aggiungere img thumbnail related article joomla

Ed ecco qui il risultato finale.

img thumbnail related article joomla 800 bis

 

IMPORTANTE! Fai un override della modifica!

 

Ora che avete provato che la modifica produce gli effetti desiderati sarebbe il caso da renderla permanente. Questa modifica, infatti, andrebbe persa al primo aggiornamento di Joomla!

Per proteggere la nostra modifica da successivi aggiornamenti basta davvero poco, bisogna infatti creare un override.

Quindi da backend del vostro sito Joomla! Seguite il seguente percorso: Estensioni → Template → Lista Template

related article thumb 03

Dopodichè dirigetevi verso il vostro template e cliccate sulla voce “Mio Template Dettagli e file”

related article thumb 04

A questo punto cliccate sul tab sotto il menù principale “Crea override”

related article thumb 05

Ora cercate la voce relativa al modulo che stiamo modificando, vale a dire “mod_related_items” e cliccateci sopra.

related article thumb 06

 

Ora l’override è stato automaticamente creato da Joomla!, andate dunque a cercare il file automaticamente generato da Joomla! e apporate lì la modifica desiderata come fatto in precedenza.

related article thumb 07

Sul menù verticale di sinistra cliccate su html → mod_related_items → default.php

related article thumb 08

A questo punto vi trovate dentro il file che dovete modificare tramite l’editor interno di Joomla!

Qui fate la stessa cosa fatta in precedenza, copiate ed incollate questa stringa di codice

<?php $images = json_decode($item->images); ?>

<img src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>

Nel punto indicato nello screenshot, intorno alla riga 19, prima della chisura del tag </li>

related article thumb 09

Ora la vostra modifica sarà permanente.

 

Installare un modulo da me implementato sulla base del modulo del core di Joomla

 

Se non avete voglia o competenze necessarie per mettere mano al codice allora vi consiglio di visitare l'area download del mio sito e scaricare il modulo Related Item with thumb.

 

Stefano DAlessandro
Author: Stefano DAlessandroWebsite: www.stefanodalessandro.itEmail: Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.
Alcune informazioni su di me

Sono nato il 26-12-1982 e mi sono laureato in Comunicazione e pubblicità per pubbliche amministrazioni e non profit nella Facoltà di Scienze politiche, Sociologia e Comunicazione dell'Ateneo Sapienza di Roma. Ho maturato esperienza negli uffici stampa di Associazioni Non Profit (Officina Culturale Arci La Freccia di Aprilia dal febbraio all'agosto del 2009), enti pubblici (ENIT Agenzia Nazionale del Turismo da marzo a ottobre 2010) e nell'agenzia di comunicazione Edi-press. Ho scritto di sport, cronaca e politica locale per il quindicinale il Caffè. Da sempre appassionato di nuove tecnologie e web ho deciso dopo l'esperienza del giornalismo di orientare la mia carriera professionale su questo nuovo fronte per passione e per arricchire le mie competenze professionali in maniera trasversale e poliedrica. Attualmente lavoro come web master/content manager di Avalon Instruments. Realizzo e sviluppo siti web ed effettuo lavori di grafica.


Aggiungi commento


Codice di sicurezza
Aggiorna

Condividi sui social

Se ti è piaciuto questo articolo condividilo con i tuoi contatti social

Sostienimi

Ti è piaciuto questo articolo? Ti è stato utile?

Sostienimi con una donazione di 2 €

Toogle Right

Questo sito utilizza cookie, anche di terze parti, necessari al funzionamento ed utili alle finalità illustrate nella cookie policy.