Viernes, 20 Diciembre 2013 20:13

Cambia el logo a transparente en tu tienda PrestaShop

Escrito por 
CMS:  PrestaShop |  Versión:  1.5.6 |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


Cambia el logo transparente de tu tienda PrestaShopUna de las primeras cosas que solemos llevar a cabo cuando creamos una Tienda online con PrestaShop es la elección del tema que va a formar parte de la identidad por la que hemos optado.

Acto seguido se vienen las diferentes personalizaciones de la Tienda, la sustitución de datos "de ejemplo" por datos reales, de contacto y facturación que permitan después un correcto funcionamiento.

Cuando llegamos a la parte del logo, que va a presidir la zona superior de la web (normalmente la izquierda, dependiendo del tema elegido), lo primero que hacemos es ver como el logo de nuestra empresa, comercio o corporación se adapta a la zona y tamaño disponibles y uno de los factores para una correcta adaptación del logo suele ser la prevalencia de transparencias de la imagen utilizada para que se integre lo mejor posible con el tema.

¿Como realizamos el cambio de logo en PrestaShop?

  1. Realizar una copia de seguridad de la web.
  2. Acceder al backoffice de PrestaShop.
  3. Ir a Preferencias, Temas.
  4. En Apariencia, Logo para encabezado, "Examinar".
  5. Adicionalmente se puede establecer el logo para dispositivos móviles, facturas, etc.
  6. Verificar que cumple las medidas del tema en uso.
  7. Guardar los cambios.
  8. Verificar la visualización del logo en el frontal de la Tienda.

¿Porque mi logo .png no se ve transparente?

Tras el proceso descrito anteriormente, si usamos un logo con fondo transparente y que tenga formato .png, lo más probable es que una vez hayamos subido el logo a la web este se muestre con fondo blanco en lugar de fondo transparente, tal como se ilustra en esta imagen.



Este problema viene originado por la conversión que PrestaShop realiza a las imágenes con fondo transparente, las cuales convierte en formato .jpg con fondo blanco.

Para corregir el problema debemos (desde el backoffice) ir a Preferencias, Imágenes, Calidad de la imagen y seleccionar la opción "Usar png si la imagen base está en formato png" y "Guardar" los cambios.



Volvemos a Preferencias, Temas, subimos nuevamente el logo y Guardamos los cambios.

Después este cambio si recargamos la Tienda (frontal) veremos que el logo ya se visualiza con fondo transparente.


En el siguiente vídeo te documentamos este sencillo proceso de sustitución del logo en cualquier tema de PrestaShop.





¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+