Ajouter un lien de connexion client à votre thème

Si vous utilisez des comptes clients et qu’un lien de connexion ne s’affiche pas dans l’en-tête de votre thème pour que les clients se connectent, vous pouvez ajouter un lien de connexion client à votre thème. Avant de modifier le code de votre thème, examinez les considérations relatives à la personnalisation de votre thème.

Vérifier la présence d’un lien de connexion sur votre thème

De nombreux thèmes incluent les liens de connexion par défaut. Avant de continuer avec ce tutoriel, vérifiez si les liens de connexion sont pris en charge sur votre thème.

Étapes :

  1. Dans votre interface administrateur Shopify, accédez à Paramètres > Comptes clients.

  2. Activez le bouton bascule Afficher les liens de connexion.

  3. Une fois que vous avez activé les liens de connexion, visitez votre boutique en ligne comme si vous étiez un client et vérifiez la présence de l’icône de profil dans l’en-tête de votre boutique pour se connecter.

  4. Si l’icône de profil ne s’affiche pas, suivez les étapes pour ajouter un lien de connexion à votre thème.

Ajouter un lien de connexion à votre thème

Si une icône de profil ne s’affiche pas dans l’en-tête de votre boutique en ligne permettant aux clients de se connecter à votre boutique, vous pouvez ajouter un lien de connexion à votre thème.

Étapes :

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
  3. Dans le dossier Sections, ouvrez le fichier header.liquid.
  4. Ajoutez l’extrait de code suivant au fichier header.liquid, puis cliquez sur Enregistrer.
    • Pour diriger vos clients vers des comptes clients après la connexion :
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}
  • Pour diriger les clients vers la boutique en ligne après la connexion :
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}
Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.