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..”

Logo en Prestashop 1.7 con la plantilla por defecto

Logo en Prestashop 1.7 con la plantilla por defecto

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

¿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 cache en la pestaña Parámetros Avanzados -> Rendimiento y limpiar también la cache del navegador.

Documento basado en Prestashop 1.7.1.0

Print Friendly
Hosting Prestashop

4 pensamientos en “Cambiar logo de ubicación en Prestashop 1.7

  1. 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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *