Cómo Cambiar Logotipo y Favicon en PrestaShop 1.7

Categorias: PrestaShop

Cómo Cambiar Logotipo y Favicon en PrestaShop 1.7

Una de las primeras cosas que hacemos cuando empezamos a trabajar con PrestaShop 1.7, es cambiar el Logotipo y el Favicon, para poner los nuestros y así empezar a dejar un diseño personalizado en nuestra Tienda Online. Hacer estos cambios en PrestaShop es muy sencillo, si sabes cómo hacerlo. ¡Vamos a verlo!

PrestaShop es uno de los gestores de contenidos más usados en España, cuando se quiere crear una tienda online.

Aunque no es la única opción para poner en marcha nuestro eCommerce, WooCommerce debe de estar ya muy cerca, si no lo ha superado ya, es una plataforma muy estable, con muchas opciones de configuración y de código abierto, así que no hay que pagar nada para empezar a utilizarla.

Por lo general, PrestaShop se usa para tiendas online pequeñas o medianas, que son la mayoría, de las tiendas que nos encontramos en la red y el CMS está muy especializado en este aspecto, siendo su curva de aprendizaje muy corta, incluso para usuarios nóveles.

Pero como todo, hay que saber hacer las cosas y en esta mini guía vamos a ver cómo cambiar el logotipo de la plantilla y del favicon, que es el pequeño icono que podemos localizar en la barra de direcciones URL de algunos sitios.

Hostinet Favicon


Tenemos diferentes tipos de hosting, selecciona uno:


 

PrestaShop Cambiar Logo y Favicon

En PrestaShop, la mayoría de los cambios que tengamos que hacer, se realizan desde el propio panel de administración de PrestaShop, aunque suele conocerse como back office.

Al principio puede abrumar un poco por la cantidad de opciones que el back office nos ofrece, pero no hay que aprenderlo todo al mismo tiempo.

Con un poco de práctica, todo parecerá más sencillo, pero lo que nos interesa ahora es cambiar el logotipo y para eso tenemos que centrarnos en el menú Diseño > Tema y Logotipo.

cambiar logotipo diseno tema - PrestaShop

Lo primero que encontraremos aquí, son tres grandes bloques que nos indicarán:

opciones logos diseno - PrestaShop

Logo Cabecera PrestaShop 1.7

Si nos fijamos en lo que nos indica el apartado Logo de Cabecera, veremos que el tamaño predeterminado del logotipo para esta plantilla es de 40 px de altura por 200 px de anchura.

Es importante saber que estas medidas son predeterminadas de la plantilla que estemos usando.

Esto quiere decir que si hemos obtenido otra plantilla para PrestaShop, puede no coincidir en absoluto.

Es más, si tenemos creado un logo para una plantilla y en algún momento la cambiamos, es posible que tengamos que volver a cambiar el tamaño del logotipo para que quede bien.

El proceso es muy sencillo, hay que pulsar en el botón de Seleccionar Archivo, buscar el archivo con el logotipo que tengamos preparado y por último pulsar en Guardar para que el cambio surja efecto.

Si todo ha salido correctamente, veremos nuestro logotipo en las secciones de Logo de Cabecera y Logo para los Correos Electrónicos.

Si queremos utilizar otro logotipo para los correos electrónicos, tendremos que repetir la operación en el apartado correspondiente.

logo cabecera cambiado - PrestaShop

Si no tienes ningún programa instalado con el que puedas modificar el tamaño de las imágenes, aquí tienes un artículo con 4 opciones online que te pueden servir para este propósito.

Favicon PrestaShop 1.7

Ahora vamos a cambiar el favicon, ya que el que viene por defecto es el del propio PrestaShop y no queda muy bien cuando se accede desde cualquier navegador web.

Para hacer un favicon, PrestaShop ha puesto a la disposición de todo el mundo un generador de favicon gratuito y autónomo, al menos en la versión 1.7.

Sólo es necesario tener una cuenta en la tienda de PrestaShop, si hemos descargado algún módulo, ya la tendremos creada, si no habrá que crearse una desde: https://addons.prestashop.com.

Para crearlo, sólo tenemos que hacer click en el enlace que no indica.

generar favicon - PrestaShop

Desde el enlace sólo tenemos que seleccionar una imagen desde nuestro disco duro para subirla.

Después tenemos que pulsar en el botón «Generar Favicon» ¡¡y ya está!!

herramienta favicon - PrestaShop

Sólo quedará descargar la imagen del favicon para subirla en el apartado correspondiente.

Si quieres que quede algo medianamente bien, intenta que la imagen original sea lo más cuadrada posible, de otra forma la deformará en exceso.

Cuando subamos el favicon descargado al nuestro PrestaShop, ya estaría todo el trabajo hecho.

Cosas a Tener en Cuenta

Si no lo ves correctamente, es posible que tengas que borrar la cache desde Configurar > Parámetros Avanzados > Rendimiento > Borrar Caché.

También hay que tener en cuanta que los navegadores web pueden mostrar o no, los favicon al lado de la URL y cada vez más lo muestran en las pestañas, así que no te obsesione mucho con eso.

Como verás, cambiar el logotipo y el favicon en PrestaShop 1.7 es muy sencillo y hay que reconocer que, al menos en este aspecto PrestaShop facilita la vida a sus usuarios.

 

Hosting PrestaShop con SSD + Litespeed

  • Hosting especializado en PrestaShop con discos SSDPrestaShop 53´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 257´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 509´99 / mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 53´99/mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 257´99/mes
  • Hosting especializado en PrestaShop con discos SSDPrestaShop 509´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu PrestaShop
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu PrestaShop
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu PrestaShop
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y PrestaShop
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Nuevas Altas. Contratación anual.