Come modificare dell’icona nel browser

Scritto da Mario SAM

Quando apri una finestra nel tuo browser, accanto al sito url, vedrai un’icona. Questa icona rappresenta e identifica il tuo sito. Ma quando si installa Magento, l’icona visualizzata è quella della società Magento Inc..

Tecnicamente, questa modifica non darà alcun vantaggio al tuo negozio. Ma aiuta l’ergonomia del sito, perché sta prestando attenzione a questi piccoli dettagli che si diventa più professionali e guadagna la fiducia dell’utilizzatore.

Favicon

fav-icon. Significa l’icona dei favoriti. Poiché sono stati visualizzati inizialmente solo quando si memorizza l’indirizzo del sito ai tuoi preferiti. Ma con l’evoluzione dei browser, presto avevano guadagnato spazio e sono visualizzati accanto all’URL e poi nelle schede del navigatore.

Separazione sinobiosa: fa-vi-con

Favicon in Browser

Si noti che tutte le grandi aziende utilizzano l’icona personalizzata che rappresenta il sito. Molti siti preferiscono utilizzare il proprio logo in miniatura.

Creazione dell’icona

Per creare l’icona non c’è molto mistero. Basta chiedere al webdesigner di creare un’immagine 16×16 con estensione formato .ico.

Se non hai un webdesigner sul tuo team, puoi visitare il sito www.favicon.cc, caricare il tuo logo e generare automaticamente l’icona.

Favicon Preview

Puoi ancora visualizzare il sito stesso come favicon sarà visibile nel browser prima di scaricarlo.

Altre opzioni per generare la tua icona: Logaster o WebSite Planet.

Modifica della favicon del negozio

Nelle versioni precedenti di Magento, prima di 1.4.2.0, questa opzione non sarà disponibile nel backend del sistema. Quindi, se stai utilizzando la versione 1.4.2.0 o superiore, vai a:

Sistema > Configurazione > GENERALE > Visual [Intestazione HTML]

Nella prima opzione troverete “Favicon Icon” e l’opzione per selezionare e inviare l’immagine.

Cambiare Favicon in Backend

Ricorda che puoi inviare un’icona a ogni archivio installato, basta selezionare l’archivio dal menu di sinistra prima di apportare le modifiche.

Modifica del codice rigido

Come ho appena detto, nelle vecchie versioni di Magento non è stato possibile fare questo cambiamento attraverso il sistema. Soltanto l’opzione del codice hard-code rimane, vale a dire che è un’opzione che continua a lavorare se sei oldschool.

Basta sovrascrivere l’immagine favicon.ico nella skin del tuo modello/tema. Per esempio:

skin > frontend > default > default

Dopo aver modificato l’immagine, è necessario aggiornare la cache Magento e la cache del browser.

E per chiunque stia sviluppando temi di Magento, non dimenticare di includere un custom favicon.ico nella cartella modello/tema che stai creando.

Altro favicon

Potresti aver già notato, ma il favicon visualizzato in frontend di Magento è diverso da favicon visualizzato nel backend.

Cioè quando si effettua la modifica tramite il sistema o nei file di modello, l’immagine favicon su backend continuerà ad essere il default di Magento Inc.

Backend Favicon

Se si desidera modificare questa immagine, è sufficiente ignorare il file favicon.ico che si trova nella directory dell’installazione Magento nella prima directory.

Successo!

L'autore

Mario SAM

Finché non si presenta l'opportunità di trasferirmi in Italia, continuo ad aiutare a distanza.