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.

3 comentarios sobre “No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7”

  1. Buenas noches. Sabes si se puede pasar la anidación de categorias prestashop 1.6 a la 1.7 tal cual. No quiero perder todo el trabajo de meses.

    Muchas gracias Víctor

    1. Un poco tarde mi respuesta.

      Pero en principio si actualizas Prestashop, no tienes porque perder la anidación que tenías de categorías en Prestashop 1.6.
      La estructura de las categorías que hayas montado en Prestashop 1.6, al final es la misma en Prestashop 1.7.

      Es lo mismo esto:

      Mangaline
      – Shōnen
      – B’t X
      En Prestashop 1.6 (y versiones anteriores) que en Prestashop 1.7

      Al fin y al cabo, estas actualizando Prestashop, los productos, categorías, etc.…. no se pierden.

      ¿O estamos hablando de otra cosa?

  2. Víctor, como te vamos a echar de menos! Muchas gracias por todos tus desinteresados aportes. Qué te vaya bonito en lo que hagas!

Los comentarios están cerrados.