social networking icon added to CRAFT theme header

[lapetitevidal]

Bonjour,

J'utilise le thème CRAFT, je viens de démarrer Shopify et je n'arrive pas à ajouter une icône FB & INSTA dans mon en-tête à côté du panier et du compte client. Je pense que je vais devoir ajouter du code au liquide, mais je n'y suis pas habitué.

S'il vous plaît, aidez-moi. Merci beaucoup.

[rochelin_]

bonsoir,

Oui il faut ajouter du code liquid personnalisé

[lapetitevidal]

Bonjour,

Merci pour votre retour.

Pouvez vous m'orienter dans ce codage ? Car effectivement le CSS ça va mais là je cale... 

Mon thème est en brouillon donc je ne sais pas si je peux vous partager le lien ? Peut être puis je vous mettre en copie une partie de mon code Liquid si vous me dites ou le trouver - Je pense que c'est dans Header.liquide mais peut être dans le theme.liquide aussi ???

Merci

[rochelin_]

Oui, je peux vous orientez dans ce codage. Pouvez vous partager  le lien ?

[lapetitevidal]

Rebonjour,

Mon Site theme CRAFT n'est pas en ligne (en cours de construction) je travail sur un brouillon, donc je ne vois pas comment vous partager mon lien... 

Mais j'ai téléchargé les fichiers, je peux vous joindre le Header.liquid ?

merci

[rochelin_]

D'accord, je vais modifier le thème Dawn, puis je publierai la solution ici.

[rochelin_]

voici ce que j'ai obtenu :

[lapetitevidal]

Bonjour,

Oui c'est exactement cela que je souhaiterai 😊. Mais c'est pas le thème DAWN mais CRAFT.

Merci.

[rochelin_]

Oui, mais le thème CRAFT a pour base le thème DAWN. En d’autres mots, ce sont les mêmes modifications que j’applique, et ça marche aussi. Si tu veux le processus, je peux te l’envoyer.”

N’hésite pas à me demander si tu as besoin de plus d’aide ! 😊

[lapetitevidal]

Bonjour,

Ok super je savais pas pour DAWN et CRAFT merci.

Oui je veux bien le code liquid que tu as modifié. 

Je te remercie grandement. 

J'aurais une autre demande mais je vais pas abuser😁 , je la publierai sur le forum au sujet du Mega menu, où j'aimerai avoir les sous catégories du menu à l'horizontale (non à la verticale) + 1 photo qui s'affiche pour chaque sous catégorie. Si jamais tu as envie de m'aider hésites pas.

[rochelin_ · Accepted solution]

Clique sur Modifier le code,

entre header dans la barre de recherche,

puis dans le fichier header.liquid,

fais une recherche avec la commande Ctrl + F (ou Cmd + F sur Mac) de la balise suivante : </header>.

puis entre le code suivant  pour le numero 3 de l'image : <a href="" class="header__icon">
{% render 'icon-facebook' %}
</a>
<a href="" class="header__icon">
{% render 'icon-instagram' %}
</a>

une fois fait ajoutes y les liens de facebook et instagram dans href c'est a dire : href = "mettre le lien ici"

puis enregistrer

[lapetitevidal]

Bonjour,

Merci beaucoup c'est parfait cela a très bien fonctionné.

Au top, c'est très gentil d'aider ainsi. 

Bonne journée,