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í.
¿Y si quisiéramos que el logo se viera de la siguiente forma?
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>
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
Puede ser que al realizar estos cambios deja de funcionar contacte con nosotros e iniciar sesion.
Déjame ver tu web, que vea como ha quedado.
¿Está como en la siguiente imagen:
?
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.
Lo mirare si tengo algún hueco.
¿Entiendo que el fichero esta como este: https://victor-rodenas.com/wp-content/uploads/2017/06/header.zip ? (Te adjunto fichero de la 1.7.1.1 modificado)