How to Add Header Link to Shopify Code?

Comment ajouter un lien d'en-tête au code Shopify ?

Lien d'en-tête Shopify

Un lien d'en-tête sur un site Web Shopify est un texte ou une image cliquable généralement situé en haut de la page d'accueil du site Web ou d'autres pages. Il est souvent utilisé pour naviguer vers différentes sections ou pages du site Web, telles que la page d'accueil, la page produit ou la page de contact. Les liens d'en-tête peuvent être personnalisés dans les paramètres du thème d'une boutique Shopify.

Il est utilisé pour créer des liens de navigation pour vos visiteurs et clients, afin qu'ils puissent naviguer facilement sur votre site Web.

Comment ajouter un lien d'en-tête au code Shopify ? - Un guide rapide

Pour ajouter un lien d'en-tête à votre site Web Shopify, vous pouvez utiliser le langage de modèle Liquid pour modifier le code de votre thème. Voici les étapes que vous pouvez suivre :

1. Connectez-vous à votre panneau d'administration Shopify et allez dans la section "Thèmes". Pour référence, voir l'image ci-dessous.

Comment ajouter un lien d'en-tête au code Shopify, étape 1

2. Localisez le thème que vous souhaitez modifier et cliquez sur le bouton "Actions", puis sélectionnez "Modifier le code" comme indiqué sur l'image ci-dessous.

Comment ajouter un lien d'en-tête au code Shopify, étape 2

3. Dans l'explorateur de fichiers, naviguez jusqu'au dossier "layout" et ouvrez le fichier "header.liquid". Ou vous pouvez rechercher directement dans la barre de recherche comme indiqué dans l'image ci-dessous.

Comment ajouter un lien d'en-tête au code Shopify, étape 2

4. Recherchez la section du fichier où le menu d'en-tête est défini, cela devrait ressembler à ceci :

<nav class="header-nav">

  <ul class="header-nav__list">

    {% for link in linklists.main-menu.links %}

      <li class="header-nav__item">

        <a href="{{ link.url }}" class="header-nav__link">{{ link.title }}</a>

      </li>

    {% endfor %}

  </ul>

</nav>

5. Ajoutez le code suivant pour ajouter un nouveau lien au menu d'en-tête :

<li class="header-nav__item">

    <a href="VOTRE-LIEN-ICI" class="header-nav__link">TITRE-DE-VOTRE-LIEN</a>

</li>

6. Remplacez VOTRE-LIEN-ICI par l'URL vers laquelle vous souhaitez que le lien pointe, et TITRE-DE-VOTRE-LIEN par le texte que vous souhaitez afficher pour le lien dans le menu d'en-tête.

7. Enregistrez les modifications et vous devriez maintenant voir le nouveau lien dans le menu d'en-tête de votre site Web.

Veuillez noter qu'en fonction du thème que vous utilisez, le code et l'emplacement des liens dans l'en-tête peuvent varier. Vous pouvez toujours contacter le développeur du thème pour des instructions plus détaillées ou pour de l'aide.

Pour conclure :

Après avoir lu le guide complet, vous pouvez ajouter un lien d'en-tête à votre boutique Shopify. Mais si vous rencontrez toujours des problèmes pour ajouter un lien d'en-tête à votre boutique, vous pouvez nous contacter pour obtenir l'aide et le soutien d'un développeur Shopify.