Le mois dernier j’ai fait plusieurs migrations de boutique prestashop 1.6 à la version 1.7 . Je vais d’ailleurs bientôt proposer ce service dans mon e-boutique. Cela simplifiera la vie à tout le monde ^^ . Plusieurs de ces e-commerces avez le lien Contactez nous dans leur en-tête / bannière dans la version 1.6 . Cette fonction existe toujours sur prestashop 1.7 mais avec un changement qui peut perturber les utilisateurs

C’est pourquoi je propose ce petit tuto pour les utilisateurs quelque peu aguerris de prestashop 1.7

En gros sur prestashop 1.7.5.1, version utilisée lors de ce tuto, si vous avez renseigné vos coordonnées téléphoniques ( dans la partie paramètres de laboutique->contact onglet magasins partie coordonnées) c’est votre numéro de téléphone qui sera affiché au lieu de votre lien Contactez nous. Comme sur la photo :

Sur la version 1.7 votre numéro de telephone apparait à la place du lien contacter nous

Pourquoi me demanderez vous?

Et bien la réponse est simple. En regardant le code d’un peu plus près du côté de votre thème (pour ce tuto j’utilise le thème par défaut de prestashop 1.7), j’ai trouvé dans le fichier /themes/classic/modules/ps_contactinfo/nav.tpl qu’il y avez une condition pour afficher ou non le lien. Cette condition est la suivante: Si un numéro de téléphone est indiqué Alors affiche le numéro de téléphone Sinon affiche le lien Contactez nous


Première option n’afficher que le lien contactez nous:

Il suffit donc simplement de supprimer cette condition d’affichage du numéro de téléphone pour que le lien Contactez-nous soit affiché à la place

A la base vous avez normalement ce code:

<div id="_desktop_contact_link">
  <div id="contact-link">
    {if $contact_infos.phone}
      {* [1][/1] is for a HTML tag. *}
      {l
        s='Call us: [1]%phone%[/1]'
        sprintf=[
          '[1]' => '<span>',
          '[/1]' => '</span>',
          '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
    {else}
      <a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
    {/if}
  </div>
</div>

La partie surligné ( numéro des lignes apparaissant en vert) est a supprimer. Vous allez obtenir ceci:

<div id="_desktop_contact_link">
  <div id="contact-link">
<a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
    {/if}
  </div>
</div>

Maintenant si tout va bien votre lien contactez nous est bien affiché en haut de vos pages.


Seconde option afficher le lien contacter et le numéro de telephone:

Lien contactez nous + telephone  prestashop 1.7

Peut être que l’option d’afficher votre numéro de téléphone vous plait. Et vous voulez juste ajouter le lien Contacter nous à coté.

Il faudra alors remplacer nav.tpl par ce code:

<div id="_desktop_contact_link">
  <div id="contact-link">
    {if $contact_infos.phone}
      {* [1][/1] is for a HTML tag. *}
      {l
        s='Call us: [1]%phone%[/1]'
        sprintf=[
          '[1]' => '<span>',
          '[/1]' => '</span>',
          '%phone%' => $contact_infos.phone
        ]
        d='Shop.Theme.Global'
      }
       
    {/if}
	<a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
  </div>
</div>

J’ai fait comme vous avez dit mais je n’obtiens pas la même chose

Il se peut que vous utiliser un thème où le code source diffère de celui du thème classic de prestashop 1.7. Ce petit tuto a été testé sur le thème classic et le theme premium pure.

Dans ce cas précis envoyez moi un commentaire avec une adresse mail valide et le nom de votre thème actif. Je vous recontacterai pour vous aider

Il se peut aussi que votre ecommerce utilise un cache. Pour vérifier ça, allez dans votre back-office paramètres avancées -> performances Vous aller devoir vider votre cache (bouton en haut à droite)

vider le cache prestashop 1.7