Comment changer de l’icône dans le navigateur

Écrit par Mario SAM

Lorsque vous ouvrez une fenêtre dans votre navigateur, à côté du site url, vous voyez une icône. Cette icône représente et identifie votre site. Mais lors de l’installation de Magento, l’icône affichée est celle de la société Magento Inc.

Techniquement, cette modification n’apportera aucun avantage à votre magasin. Mais cela contribue à l’ergonomie du site, car il fait attention à ces petits détails que vous devenez plus professionnel et que vous obtenez la confiance de l’utilisateur.

Favicon

fav-icon. Cela signifie l’icône des favoris. Parce qu’ils ont été affichés initialement uniquement lorsque vous stockez l’adresse du site à vos favoris. Mais avec l’évolution des navigateurs, bientôt ils gagnaient de l’espace et étaient affichés à côté de l’url, et plus tard dans les onglets du navigateur.

Syllabic separation: fa-vi-con

Favicon dans le navigateur

Notez que toutes les grandes entreprises utilisent l’icône personnalisée qui représente le site. La plupart des sites préfèrent utiliser leur propre logo miniature.

Création de l’icône

Pour créer l’icône, il n’y a pas beaucoup de mystère. Demandez simplement au concepteur de sites Web de créer une image 16×16 avec une extension de format .ico.

Si vous n’avez pas de webdesigner sur votre équipe, vous pouvez visiter le site www.favicon.cc, télécharger votre logo et générer automatiquement l’icône.

Favicon Preview

Vous pouvez toujours afficher le site lui-même car favicon sera visible dans le navigateur avant de le télécharger.

Autres options pour générer votre icône: Logaster ou WebSite Planet.

Modification du favicon du magasin

Dans les anciennes versions de Magento, avant 1.4.2.0, vous ne trouverez pas cette option dans le backend du système. Donc, si vous utilisez la version 1.4.2.0 ou plus haut, accédez à:

Système > Configuration > GÉNÉRAL > Visual [En-tête HTML]

Dans la première option, vous trouverez “Favicon Icon“, et l’option de sélectionner et d’envoyer votre image.

Changer Favicon dans Backend

N’oubliez pas que vous pouvez envoyer une icône à chaque magasin installée, sélectionnez simplement le magasin dans le menu de gauche avant de procéder aux modifications.

Modification du code dur

Comme je viens de le mentionner, dans les anciennes versions de Magento, il n’était pas possible de faire ce changement dans le système. Seule l’option de code dur reste, ce qui signifie que c’est une option qui continue de fonctionner si vous êtes oldschool.

Il suffit de remplacer l’image favicon.ico qui se trouve dans le répertoire skin de la peau de votre modèle/thème. Par exemple:

skin > frontend > default > default

Après avoir changé l’image, vous devez mettre à jour votre cache Magento, ainsi que le cache de votre navigateur.

Et pour ceux qui développent des thèmes Magento, n’oubliez pas d’inclure un favicon.ico personnalisé dans le dossier modèle/thème que vous créez.

Autre favicon

Vous avez peut-être déjà remarqué, mais le favicon qui apparaît dans frontend de Magento est différent de favicon qui apparaît dans le backend.

C’est-à-dire lorsque vous effectuez le changement dans le système ou dans les fichiers de modèle, l’image favicon sur backend continuera d’être la valeur par défaut de Magento Inc.

Backend Favicon

Si vous souhaitez modifier cette image, il suffit de remplacer le fichier favicon.ico qui se trouve dans le répertoire de votre installation Magento dans le premier répertoire.

Succès!

L'auteur

Mario SAM

En attendant qu'une opportunité se présente de m'installer en France, je continue d'aider à distance.