Cómo Cambiar el Icono de la Tienda en el Navegador

Cuando abre una ventana en su navegador, cerca de la url del sitio, verá un icono. Este icono representa e identifica su sitio. Pero al instalar el Magento, el icono exhibido es el de la empresa Magento Inc.

Técnicamente, este cambio no traerá ventajas para su tienda. Pero ayuda en la ergonomía del sitio, ya que está prestando atención a estos pequeños detalles que usted se vuelve más profesional y gana la confianza del usuario.

Favicon

fav-icon. Significa el icono de favoritos. Al principio sólo se mostraban cuando almacenaba la dirección del sitio a sus favoritos. Pero con la evolución de los navegadores, pronto fueron ganando espacio y siendo exhibidos al lado de la url, y luego en las lengüetas del navegador.

Separación silábica: fa-vi-con

Favicon en el Navegador

Ver que todas las grandes empresas utilizan un icono personalizado, que represente el sitio. La mayoría de los sitios prefieren utilizar la propia insignia en miniatura.

Creando el icono

Para crear el icono no hay mucho misterio. Sólo tienes que solicitar al webdesigner la creación de una imagen 16×16 con extensión de formato .ico.

Si usted no tiene un webdesigner en su equipo, puede acceder al sitio www.favicon.cc, cargar su logo, y generar automáticamente el icono.

Favicon Preview

Es posible ver en el propio sitio web como favicon será visible en el navegador antes de descargarlo.

Otras opciones para generar su icono: Logaster o WebSite Planet.

Cambiando el favicon de la tienda

En las versiones más antiguas de Magento, anteriores a 1.4.2.0 no encontrarás esta opción disponible en el backend del sistema. Si está utilizando la versión 1.4.2.0 o superior, vaya a:

Sistema > Configuración > GENERAL > Visual [Encabezado HTML]

En la primera opción encontrará “Icono Favicon“, y la opción para seleccionar y enviar su imagen.

Cambiar Favicon en Backend

Recuerde que puede enviar un icono a cada tienda instalada, simplemente seleccione la vista de tienda en el menú de la izquierda antes de realizar los cambios.

Cambio Hard-code

Como acabo de mencionar, en las versiones más antiguas de Magento no era posible hacer ese cambio por el sistema. Sólo con la opción hard-code (en la uña), es decir, es una opción que sigue funcionando si usted es oldschool.

Basta con sobreponer la imagen favicon.ico que se encuentra en el directorio skin su plantilla/tema. Por ejemplo:

skin > frontend > default > default

Después de cambiar la imagen, debe actualizar la caché de Magento, y también la caché de su navegador.

Y para quien esta desarrollando temas Magento, no se olviden de incluir un favicon.ico personalizado dentro de la carpeta plantilla/tema que están creando.

Otro favicon

Tal vez usted ya ha observado, pero el favicon que aparece en el frontend de Magento es diferente del favicon que aparece en backend.

Es decir, cuando usted hace el cambio por el sistema, o en los archivos de plantilla, la imagen de favicon en backend seguirá siendo la predeterminada de Magento Inc.

Favicon del Backend

Si desea cambiar esta imagen, basta con sobreponer el archivo favicon.ico que se encuentra en el directorio de su instalación Magento, en el primer directorio.

¡Éxito!

Hasta que surja la oportunidad de mudarme a España, sigo ayudando desde la distancia.