Dans l’éditeur de thème : PersonnaliserEn-têteEn-tête

En-tête

Le logo dans l’encoche, le menu et les icônes de recherche, de compte et de panier. Sur téléphone, les icônes flottent comme des pièces ; sur ordinateur, le menu se place dans une barre.

Importez un logo sur fond transparent, puis utilisez « Rogner les marges transparentes du logo » pour qu’il soit centré dans l’encoche.

Paramètres

Logo

Image du logo
ImageSi ce champ est vide, le nom de la boutique s'affiche sous forme de texte.
Largeur du logo sur ordinateur
Curseur, de 100 à 300 pxPar défaut: 190 pxLargeur de la partie visible du logo, une fois les marges transparentes rognées.
Hauteur maximale du logo sur ordinateur
Curseur, de 40 à 160 pxPar défaut: 65 pxUn logo trop haut est réduit à cette hauteur. Il s'agit de la hauteur de la partie visible.
Largeur du logo sur téléphone
Curseur, de 80 à 200 pxPar défaut: 100 pxLargeur de la partie visible du logo sur téléphone et tablette. Sur les téléphones étroits, il se réduit si nécessaire pour laisser de la place aux icônes à côté.
Hauteur maximale du logo sur téléphone
Curseur, de 24 à 44 pxPar défaut: 34 pxUn logo trop haut est réduit à cette hauteur sur téléphone et tablette. La barre a une hauteur fixe de 48 px : jusqu'à 44 au maximum.
Position du logo dans l'encoche sur téléphone
Curseur, de -8 à 12 pxPar défaut: 4 pxUn nombre positif déplace le logo vers le bas, un nombre négatif vers le haut. 0 : centré dans la ligne de l'en-tête.
Position du logo dans l'encoche sur ordinateur
Curseur, de -8 à 12 pxPar défaut: 0 pxUn nombre positif déplace le logo vers le bas, un nombre négatif vers le haut. 0 : centré dans la ligne de l'en-tête.

Rogner les marges transparentes du logo

Rogner en haut
Curseur, de 0 à 40 %Par défaut: 17 %
Rogner en bas
Curseur, de 0 à 40 %Par défaut: 22 %
Rogner à gauche
Curseur, de 0 à 40 %Par défaut: 7.5 %
Rogner à droite
Curseur, de 0 à 40 %Par défaut: 3.5 %

Une image de logo comporte généralement des marges transparentes autour de la signature. Définissez la part rognée de chaque côté de l'image (en pourcentage) ; les tailles de logo ci-dessus s'appliquent alors à ce qui reste. Pour une image déjà recadrée au plus près, laissez toutes les valeurs à 0.

Icônes

Afficher le bouton de recherche
Activé ou désactivéPar défaut: Activé
Mots saisis dans le champ de recherche
TexteSur téléphone, à l'ouverture de la recherche, ces mots s'écrivent dans le champ l'un après l'autre. Séparez-les par des virgules. Laissez vide pour utiliser les noms des liens du menu principal. Ils apparaissent aussi comme idées avant la saisie.
Avant la saisie
Choix: Idées et recherches récentes, Idées uniquement, Recherches récentes uniquement, RienPar défaut: Idées et recherches récentesLes idées sont les mots du champ de recherche. Les recherches récentes sont propres à chaque client et enregistrées dans son navigateur.
Menu du compte
MenuLiens dans la fenêtre de compte Shopify, sous la connexion. « Menu principal du compte client » les garde identiques aux pages du compte.
Taille des pièces de l’en-tête
Curseur, de 36 à 48 pxPar défaut: 40 pxDiamètre des pièces de l’en-tête sur téléphone et tablette. Sur ordinateur, l’en-tête n’a pas de pièces : les icônes sont posées sur le bandeau, en trait. L’icône dans une pièce fait la moitié du diamètre.
Le sac réagit à l'ajout
Activé ou désactivéPar défaut: ActivéLorsqu'un produit est ajouté au panier, le sac descend légèrement, s'écrase puis rebondit. Pas lors d'un changement de quantité dans le panier.

En-tête sur ordinateur

Style du menu sur ordinateur
Choix: Bibliothèque : tous les liens en colonnes, Pièces : un groupe à la fois, Galerie : une image par groupePar défaut: Bibliothèque : tous les liens en colonnesComment le panneau sous le bandeau affiche les liens d’un élément du menu. Construit à partir de votre menu habituel, jusqu’à trois niveaux.
Image de la collection dans les menus
Activé ou désactivéPar défaut: ActivéDans les styles bibliothèque et pièces, l’image de la collection s’affiche à côté des liens et change selon le lien survolé. La galerie affiche toujours des images.
Couleur du panneau du menu
Choix: Blanc, comme la recherche, Sombre, Couleur personnaliséePar défaut: Blanc, comme la recherche
Couleur du panneau
CouleurLa couleur du texte est choisie automatiquement : foncée sur une couleur claire, claire sur une couleur foncée.

Menu flottant sur mobile

Menu flottant au défilement
Choix: Désactivé, Sur mobilePar défaut: Sur mobileSur mobile, quand l'en-tête défile hors de l'écran, les mêmes quatre icônes flottent dans une pilule en bas de l'écran, près du pouce. Le menu, la recherche et le panier s'ouvrent par le haut, comme en haut de la page. Applis de chat : laissez dans leurs réglages une marge inférieure d'au moins 90 px pour qu'elles restent au-dessus.
Forme du menu flottant
Choix: Onglet depuis le cadre, Flottant, étroit en haut, Flottant, large en hautPar défaut: Onglet depuis le cadreOnglet : s’élève du bas du cadre en forme d’encoche du logo, dans la couleur du cadre. Les formes flottantes utilisent la couleur du menu ci-dessous.
Couleur du menu flottant
Choix: Comme les pièces de l'en-tête, Sombre, ClairPar défaut: Comme les pièces de l'en-tête« Comme les pièces de l'en-tête » suit la couleur des pièces de l'en-tête : sombre avec un cadre sombre, clair avec un cadre blanc.
Couleur des icônes du menu du bas
CouleurLes icônes du menu flottant sur téléphone. Vide : la couleur de la teinte du menu.
Couleur des anneaux du menu du bas
CouleurL'anneau fin autour de chaque icône, sans remplissage. Une icône ouverte se remplit de cette couleur. Vide : la couleur de la teinte du menu.
Distance du cadre
Curseur, de 0 à 24 pxPar défaut: 4 pxL’espace entre le menu et le cadre en dessous, ou la barre du navigateur quand elle couvre le cadre. Identique en défilant vers le haut ou le bas. Par défaut : 4 px.
Menu principal
MenuModifiez les éléments du menu dans Contenu > Menus.
Petit titre au-dessus du menu sur téléphone
TexteLaissez vide pour utiliser la valeur par défaut.
Texte du bouton du club des membres
TexteLe bouton en bas du menu sur téléphone. Laissez vide pour utiliser la valeur par défaut.
Sélecteur de langue et de pays dans le menu
Activé ou désactivéPar défaut: ActivéAu-dessus du bouton du club. N'apparaît que s'il existe plus d'une langue ou d'un pays.
Sélecteur de langue dans le bandeau
Activé ou désactivéPar défaut: ActivéSur ordinateur, un sélecteur de langue dans le bandeau supérieur, avant l’icône de recherche. Sur téléphone et tablette, il est dans le menu.
Drapeaux à côté des langues
Activé ou désactivéPar défaut: ActivéUn petit drapeau à côté de chaque langue. Certaines boutiques préfèrent s'en passer, car une langue n'est pas un pays.
Réseaux sociaux dans le menu
Activé ou désactivéPar défaut: ActivéUne rangée d'icônes pleines sous le bouton du club, comme dans le pied de page. Les liens et l'ordre se règlent dans Paramètres du thème, sous Réseaux sociaux. Facebook, Instagram, TikTok, YouTube et X s'affichent sous forme d'icône simple tant que vous n'avez pas ajouté de lien ; les autres réseaux uniquement avec un lien.
Couleur du menu
CouleurPar défaut: #FFFFFFLa couleur de votre choix. Le texte et le bouton s'adaptent : sur une couleur sombre, le texte est crème. Par défaut : blanc, comme le cadre.
Style d'arrière-plan
Choix: Couleur unie, Scène éclairéePar défaut: Couleur unieScène éclairée : une lumière douce venue du haut qui s’estompe vers le bas, créée à partir de la couleur choisie. Sur une couleur claire, le haut devient blanc ; sur une couleur foncée, c’est une scène sombre.
Couleur de la lumière
CouleurLa lumière douce venant du haut, au centre. Vide : blanc.
Couleur du bouton du club
CouleurLe bouton en bas du menu. Vide : la couleur du menu. Le texte devient clair ou foncé en conséquence.
Image d'arrière-plan du menu
ImageFacultatif. L'image ne se charge qu'à la première ouverture du menu. Un voile de la couleur du menu la recouvre.
Intensité du voile sur l'image
Curseur, de 0 à 100 %Par défaut: 80 %La part de couleur du menu qui recouvre l'image pour que le texte reste lisible. 0 affiche l'image telle quelle.

Quelque chose ici ne correspond pas à votre éditeur ? Écrivez-nous et nous corrigerons le guide.