Cambiar logo de ubicación en Prestashop 1.7

Vamos a cambiar el logo de ubicación (bajo la plantilla por defecto de Prestashop 1.7) y colocarlo encima del bloque de “Contacte con nosotros, carrito, etc..”

Por defecto, en Prestashop 1.7, vemos logo así.

Logo en Prestashop 1.7 con la plantilla por defecto
Logo en Prestashop 1.7 con la plantilla por defecto

¿Y si quisiéramos que el logo se viera de la siguiente forma?

Ubicación del logo cambiada en Prestashop 1.7
Ubicación del logo cambiada en Prestashop 1.7

Existen varias formas 🙂

Una de ellas es la siguiente,

El primero paso es -> Eliminar/ocultar el logo de Prestashop 1.7

El segundo paso es en el mismo fichero donde hemos ocultado el logo, que recordamos que es el fichero:

/themes/classic/templates/_partials/header.tpl

Justo debajo de:

<nav class="header-nav">

Añadimos el siguiente código:

<div class="container"><a href="{$urls.base_url}">
<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}" />
</a></div>
Código logo Prestashop 1.7 cambio ubicación
Código logo Prestashop 1.7 cambio ubicación

Por último, nos vamos al fichero:

/themes/classic/assets/css/custom.css

Y añadimos lo siguiente:


#header .header-nav {
max-height: 94px;
margin-top:1em;
}

Finalmente, guardamos todos los cambios.

Recordar, limpiar caché en la pestaña Parámetros Avanzados -> Rendimiento y limpiar también la cache del navegador.

Documento basado en Prestashop 1.7.1.0

4 comentarios sobre “Cambiar logo de ubicación en Prestashop 1.7”

  1. Puede ser que al realizar estos cambios deja de funcionar contacte con nosotros e iniciar sesion.

    1. Déjame ver tu web, que vea como ha quedado.

      ¿Está como en la siguiente imagen:

      ?

  2. He seguido los pasos y en ordenador se queda bien, pero cuando abro la página en el mvl, no se ve el logo.
    hay que cambiar algo mas para que se vea bien?

    Gracias de antemano.

Los comentarios están cerrados.