FROM CACHE - fr_header
RÉSOLU

social networking icon added to CRAFT theme header

lapetitevidal
Shopify Partner
9 1 0

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.

1 SOLUTION APPROUVÉE
rochelin_
Shopify Partner
121 13 15

Succès.

Clique sur Modifier le code,

mo code.png

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>.

header.png

header1.png

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

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.

Voir la solution dans l'envoi d'origine

11 RÉPONSES 11

rochelin_
Shopify Partner
121 13 15

bonsoir,

Oui il faut ajouter du code liquid personnalisé

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
lapetitevidal
Shopify Partner
9 1 0

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_
Shopify Partner
121 13 15

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

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
lapetitevidal
Shopify Partner
9 1 0

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_
Shopify Partner
121 13 15

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

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
rochelin_
Shopify Partner
121 13 15

voici ce que j'ai obtenu :

add social.PNG

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
lapetitevidal
Shopify Partner
9 1 0

Bonjour,

 

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

 

Merci.

rochelin_
Shopify Partner
121 13 15

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 ! 😊

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
lapetitevidal
Shopify Partner
9 1 0

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_
Shopify Partner
121 13 15

Succès.

Clique sur Modifier le code,

mo code.png

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>.

header.png

header1.png

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

Cela vous a-t-il aidé ? Si oui, n’hésitez pas à aimer et accepter comme solution. Vous pouvez faire un don en achetant un café ou en utilisant PayPal.me.



Cherchez-vous un développeur Shopify Thème pour votre projet ? N’hésitez pas à me contacter sur Instagram.



Je propose des services d’audit, de personnalisation de thème et de création de boutique Shopify mono-produit.
lapetitevidal
Shopify Partner
9 1 0

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,

lapetitevidal_0-1708583861807.png