No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7

Hace tiempo que no escribo, y aquí va otro post chorra sobre Prestashop 🙂

En las variantes actuales de Prestashop 1.7 (al menos en la 1.7.2.3 y anteriores variantes de Prestashop 1.7) no aparece el enlace de Contacte con nosotros en la cabecera cuando se muestra el número de teléfono de la tienda.

Enlace “Contacte con nosotros” en la cabecera de Prestashop 1.7

Teléfono cabecera Prestashop 1.7

¿Cómo es posible si estamos hablando del módulo: “Información de contacto“?

Se debe a que en el fichero: “/themes/classic/modules/ps_contactinfo/nav.tpl“, disponemos de un condicional que dice “Si se muestra el número de teléfono no se muestra el enlace de “Contacte con nosotros”

Código Módulo Prestashop 1.7

Una de las posibles opciones para que se vea el enlace de “Contacte con Nosotros” al lado del “Teléfono” cuando tengamos configurado el número de teléfono de la tienda, es copiar la siguiente línea de código:

<a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>

Y dejarla justo debajo de la condicional que dice “Si existe el teléfono”, además de mostrar el teléfono, mostramos el enlace de “Contacte con nosotros“.

{if $contact_infos.phone}

Tal como podemos ver en la siguiente captura:

Código modificado

Una vez, editado nuestro fichero, y limpiada la cache de Prestashop en la pestaña Parámetros Avanzados -> Rendimiento, uno de los posibles problemas de diseño que nos podemos encontrar es el siguiente:

Margen superior demasiado alto cuando vemos el enlace de “Contacte con nosotros” y el número de teléfono en resoluciones pequeñas.

Error CSS Prestashop 1.7

Error CSS Prestashop 1.7

Una posible solución:

Añadir la siguiente instrucción:

@media (min-width: 768px) {
#header .header-nav #contact-link {
margin-top: .2375rem;
}
}

CSS personalizado en Prestashop 1.7

De esta manera reducimos el margen superior.

Es muy posible que tengáis que hacer “más modificaciones” de diseño, para que quede cuadrado en distintas resoluciones, en este TIP solo se pretendía explicar porque no aparecía el enlace de “Contacte con nosotros” cuando se ve el teléfono en la cabecera.

Print Friendly, PDF & Email
Hosting Prestashop

Deja un comentario

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