Aide
Se connecter

Personnalisation des paramètres du thème

Vous pouvez personnaliser les paramètres généraux de votre boutique en ligne, tels que la typographie, les couleurs, les liens vers les réseaux sociaux et la page du panier, à partir de la section Paramètres du thème du menu de la barre latérale de l’éditeur de thème. Les modifications que vous apportez dans la section Paramètres du thème s’appliquent à l’ensemble de votre boutique en ligne.

Les sections et les blocs disposent également de paramètres individuels que vous pouvez ajuster pour personnaliser des sections individuelles de votre thème. En savoir plus sur les sections et les blocs.

Sur cette page

Vous pouvez ajouter le logo de votre entreprise à votre boutique en ligne. Votre logo s’affiche aux emplacements suivants :

  • votre en-tête sur toutes les pages
  • votre page de mot de passe

Personnaliser votre logo

Les images de logo ont une largeur maximale de 300 px.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Logo.

  5. Dans la section Logo, ajoutez votre image ou utilisez une image gratuite :

    • Pour ajouter votre image, cliquez sur Sélectionner une image, puis ajoutez une nouvelle image ou une image existante :
      • Pour utiliser une image que vous avez déjà importée dans votre interface administrateur Shopify, sélectionnez l’image, puis cliquez sur Terminé.
      • Pour utiliser une image de votre ordinateur, cliquez sur Ajouter des images. Sélectionnez et ajoutez une image, puis cliquez sur Terminé.
    • Pour utiliser une image gratuite, cliquez sur Explorer les images gratuites. Recherchez une image, cliquez dessus pour la sélectionner, puis cliquez sur Sélectionner.

  6. Facultatif : ajoutez un texte alternatif à l’image de votre logo :

    1. Dans la section Logo, cliquez sur Modifier.
    2. Dans le champ Texte alternatif, saisissez une brève description de l’image.
    3. Cliquez sur Enregistrer.

  7. Facultatif : dans la section Largeur du logo sur ordinateur, utilisez le curseur de plage pour ajuster la largeur du logo en pixels.

  8. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Logo.

  7. Dans la section Logo, ajoutez votre image ou utilisez une image gratuite :

    • Pour ajouter votre image, appuyez sur Sélectionner une image, puis ajoutez une nouvelle image ou une image existante :
      • Pour utiliser une image que vous avez déjà importée dans votre interface administrateur Shopify, sélectionnez l’image, puis appuyez sur Terminé.
      • Pour utiliser une image de votre appareil, appuyez sur Ajouter des images. Sélectionnez et ajoutez une image à partir de votre appareil, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.
    • Pour utiliser une image gratuite, appuyez sur Explorer les images gratuites. Recherchez une image, appuyez dessus pour la sélectionner, puis appuyez sur Terminé.

  8. Facultatif : ajoutez un texte alternatif à l’image de votre logo :

    1. Dans la section Logo, appuyez sur Modifier.
    2. Dans le champ Texte alternatif, saisissez une brève description de l’image.
    3. Appuyez sur Enregistrer ou ✓.

  9. Facultatif : dans la section Largeur du logo sur ordinateur, utilisez le curseur de plage pour ajuster la largeur du logo en pixels.

  10. Appuyez sur Enregistrer ou ✓.

Ajouter un favicon

Vous pouvez ajouter une icône de favoris, ou favicon, pour contribuer à l’identité de marque de votre boutique en ligne. Un favicon s’affiche aux emplacements suivants :

  • l’onglet de votre navigateur web
  • l’historique de votre navigateur web
  • les icônes sur votre bureau
  • à côté du nom de votre boutique en ligne lorsque votre site web est ajouté aux favoris

En savoir plus sur les favicons.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Trouvez le thème auquel vous souhaitez ajouter un favicon, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Selon la version de votre thème, cliquez sur Logo ou sur Favicon.

  5. Dans la section Image du favicon, cliquez sur Sélectionner une image, puis ajoutez une image nouvelle ou existante :

    • Pour sélectionner une image que vous avez déjà importée dans votre interface administrateur Shopify, vous pouvez la rechercher ou la trouver, puis la sélectionner à l’aide de la case à cocher.
    • Pour sélectionner une image sur votre ordinateur, cliquez sur Ajouter des images, ouvrez l’image sur votre ordinateur, puis sélectionnez-la à l’aide de la case à cocher.

  6. Cliquez sur Terminé.

  7. Facultatif : ajoutez un texte alternatif à l’image de votre favicon :

    1. Dans la section Image du favicon, cliquez sur Modifier.
    2. Dans le champ Texte alternatif, saisissez une brève description de l’image.
    3. Cliquez sur Enregistrer.

  8. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Trouvez le thème auquel vous souhaitez ajouter un favicon, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Selon la version de votre thème, appuyez sur Logo ou sur Favicon.

  7. Dans la section Image du favicon, appuyez sur Sélectionner une image, puis ajoutez une image nouvelle ou existante :

    • Pour sélectionner une image que vous avez déjà importée dans votre interface administrateur Shopify, vous pouvez la rechercher ou la trouver, puis la sélectionner à l’aide de la case à cocher.
    • Pour sélectionner une image sur votre appareil, appuyez sur Ajouter des images, ouvrez l’image sur votre appareil, puis sélectionnez-la à l’aide de la case à cocher.

  8. Appuyez sur Terminé.

  9. Ajoutez un texte alternatif à l’image de votre favicon :

    1. Dans la section Image du favicon, appuyez sur Modifier.
    2. Dans le champ Texte alternatif, saisissez une brève description de l’image.
    3. Appuyez sur Enregistrer ou ✓.

  10. Appuyez sur Enregistrer ou ✓.

Couleurs

Vous pouvez définir différentes combinaisons de couleurs dans les paramètres de votre thème et les appliquer à différentes sections de votre boutique en ligne à l’aide d’un sélecteur de combinaison de couleurs. Une combinaison de couleurs est un ensemble de couleurs. Votre thème est doté d’un ensemble de combinaisons de couleurs par défaut, que vous pouvez modifier à tout moment dans l’éditeur de thème. Vous pouvez ajouter les couleurs de votre marque pour assurer une application cohérente de votre palette de couleurs sur l’ensemble de votre boutique en ligne.

Les modèles n’ont pas de paramètres de couleur individuels afin que le design de votre boutique en ligne soit cohérent sur l’ensemble de votre site web. Un modèle est considéré comme une page principale ou le contenu principal d’une boutique. Le fait d’avoir différentes combinaisons de couleurs dans votre boutique peut nuire à l’expérience utilisateur et peut amener les clients à quitter votre boutique sans acheter de produits.

Vous pouvez créer et personnaliser jusqu’à 21 combinaisons de couleurs uniques et les appliquer à différentes sections de votre boutique en ligne.

Combinaisons de couleurs

Les combinaisons de couleurs sont un paramètre de thème qui regroupe les éléments et leurs couleurs respectives de manière visuellement représentative. Vous pouvez attribuer différentes couleurs à divers éléments dans une combinaison de couleurs cohérente, qui peut être appliquée à l’ensemble de votre thème lorsqu’un sélecteur de combinaison de couleurs est disponible. Vous pouvez avoir jusqu’à 21 combinaisons de couleurs. Vous pouvez également prévisualiser l’affichage de vos couleurs dans l’aperçu de la combinaison.

Liste des différents paramètres que vous pouvez appliquer aux combinaisons de couleurs dans l’éditeur de thème.
ParamètreDescription
Arrière-planLa couleur est appliquée à l’arrière-plan de certaines sections et à l’arrière-plan du bouton au contour apparent.
Dégradé de l’arrière-planUn dégradé de couleurs est appliqué à l’arrière-plan de certaines sections. Les dégradés d’arrière-plan remplacent l’arrière-plan lorsque cela est possible.
TexteLa couleur est appliquée au texte de la section ou du bloc.
Arrière-plan du bouton pleinLa couleur est appliquée à l’arrière-plan du bouton principal.
Étiquette du bouton pleinLa couleur est appliquée au texte du bouton principal.
Bouton au contour apparentLa couleur est appliquée au texte et à la bordure du bouton secondaire.
OmbreLa couleur est appliquée aux ombres.

Gestion de votre combinaison de couleurs

La combinaison de couleurs et les options de couleur de votre boutique sont définies dans les paramètres de votre thème. Pour les couleurs pleines, utilisez le sélecteur de couleurs pour sélectionner une nouvelle couleur ou saisissez la valeur de la couleur dans le champ de texte. Le champ de couleur accepte les noms et valeurs de couleur suivants :

  • Les noms de couleurs tels que red, black ou blue.
  • Les codes de couleur RVB.
  • Les valeurs de couleur hexadécimales.

Étapes :

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème à côté du thème que vous souhaitez personnaliser.

  3. Cliquez sur l’icône paramètres, puis cliquez sur Couleurs.

  4. Dans la section Combinaisons, cliquez sur une combinaison existante ou sur Ajouter une combinaison pour ajouter une nouvelle combinaison de couleurs.

  5. Cliquez sur l’échantillon de couleur pour la couleur du type de contenu que vous souhaitez modifier.

  6. Pour définir votre couleur, saisissez un code de couleur hexadécimal ou choisissez la couleur dans le sélecteur de couleurs. Pour rendre la couleur transparente, supprimez le code hexadécimal du champ de texte.

  7. Cliquez sur Enregistrer.

Application de votre combinaison de couleurs

Une fois que vous avez défini votre combinaison de couleurs dans les paramètres de votre thème, vous pouvez l’attribuer à l’aide du sélecteur de combinaison de couleurs dans les sections et les blocs de votre thème. Le sélecteur de combinaison de couleurs est disponible uniquement dans certaines sections, certains blocs et dans les paramètres généraux du thème.

Sélecteur de combinaison de couleurs

Dégradés

Vous pouvez configurer un dégradé de couleurs dans certains thèmes pour obtenir des options d’arrière-plan visuellement intéressantes. Le paramètre color_background est utilisé pour personnaliser la propriété d’arrière-plan CSS.

Le sélecteur de dégradé vous permet de sélectionner les couleurs, le style du dégradé, l’angle, la position et l’opacité du dégradé. Les options sélectionnées dans le sélecteur de dégradé sont prévisualisées en temps réel dans l’éditeur de thème. Vous pouvez également créer un arrière-plan en dégradé à l’aide d’un code CSS, qui inclut un vérificateur de validation.

Configurer les dégradés

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème à côté du thème que vous souhaitez personnaliser.

  3. Cliquez sur l’icône paramètres, puis cliquez sur Couleurs.

  4. Dans la section Combinaisons, cliquez sur une combinaison existante que vous souhaitez modifier.

  5. Cliquez sur l’option d’échantillon de couleur de dégradé, telle que Dégradé de l’arrière-plan.

  6. Si vous n’avez pas encore configuré de dégradé, des options prédéfinies s’affichent. Sélectionnez n’importe quel dégradé prédéfini pour ouvrir le panneau d’options.

  7. Sélectionnez vos options de dégradé :

  • Choisissez entre un dégradé linéaire ou radial. Utilisez les boutons pour sélectionner le style de dégradé que vous préférez.
  • Définissez l’angle de votre dégradé à l’aide des flèches haut et bas. Cliquez sur la flèche haut ou bas pour augmenter ou diminuer le pourcentage de l’angle de 5.
  • Utilisez le curseur pour sélectionner la position de votre dégradé ou saisissez une valeur numérique dans le champ.
  • Saisissez un code de couleur hexadécimal spécifique ou utilisez le curseur de couleur pour choisir une teinte. Les couleurs récemment sélectionnées s’affichent au bas du panneau d’options de dégradé.
  • Pour rendre votre dégradé opaque, utilisez le curseur de droite pour sélectionner la transparence de votre dégradé. Vous pouvez également saisir un pourcentage dans le champ à côté du code de couleur hexadécimal.
  1. Cliquez sur Enregistrer.

Sélecteur de dégradé dans l’éditeur de thème

Utiliser CSS pour définir des dégradés

La plupart des valeurs de la propriété CSS background peuvent être utilisées pour définir une couleur d’arrière-plan. Vous pouvez utiliser ce champ pour les couleurs unies (par exemple, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) et hsla(0, 0%, 0%, 1) produisent tous un arrière-plan noir uni) ou pour les dégradés (par exemple, linear-gradient(red, green), radial-gradient(red, green) ou conic-gradient(red, green)). Les dégradés peuvent également être répétés.

Étapes :

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème à côté du thème que vous souhaitez personnaliser.

  3. Cliquez sur l’icône paramètres, puis cliquez sur Couleurs.

  4. Dans la section Combinaisons, cliquez sur une combinaison existante que vous souhaitez modifier.

  5. Cliquez sur le dégradé que vous souhaitez modifier.

  6. Cliquez sur la flèche à côté de Dégradé, puis sélectionnez CSS.

  7. Dans le champ Code CSS, saisissez ou collez votre code de dégradé. L’aperçu de l’éditeur de thème affiche votre dégradé à l’emplacement approprié.

  8. Cliquez sur Enregistrer.

Champ de code CSS pour le dégradé dans l’éditeur de thème

Supprimer un dégradé

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème à côté du thème que vous souhaitez personnaliser.

  3. Cliquez sur l’icône paramètres, puis cliquez sur Couleurs.

  4. Dans la section Combinaisons, cliquez sur une combinaison existante que vous souhaitez modifier.

  5. Cliquez sur le dégradé que vous souhaitez supprimer.

  6. Cliquez sur Supprimer le dégradé.

  7. Cliquez sur Enregistrer.

Typographie

Vous pouvez définir le style et la taille de la police pour le texte de votre boutique en ligne. Vous pouvez choisir une police système ou ajouter une police personnalisée. Les polices disponibles dans votre thème dépendent du développeur de votre thème. Tous les thèmes Shopify gratuits utilisent des polices de la bibliothèque de polices de Shopify.

Envisagez d’utiliser des polices système sur votre boutique, car elles sont déjà installées sur l’ordinateur de l’utilisateur. L’utilisation de polices système évite le téléchargement de nouvelles polices sur l’ordinateur de votre client, ce qui peut avoir un impact négatif sur la vitesse de chargement de votre boutique. La police qui s’affiche sur l’ordinateur de votre client dépend de son système d’exploitation.

Personnalisation de vos types de police

Consultez la bibliothèque de polices de Shopify pour obtenir la liste des polices disponibles.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Typographie.

  5. Pour modifier un type de police pour les titres ou le corps de texte de votre boutique, cliquez sur Modifier dans la section Titres ou Corps.

  6. Cliquez sur le nom de la police que vous souhaitez utiliser, puis cliquez sur Sélectionner.

  7. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Typographie.

  7. Pour modifier un type de police pour les titres ou le corps de texte de votre boutique, appuyez sur Modifier dans la section Titres ou Corps.

  8. Appuyez sur le nom de la police que vous souhaitez utiliser, puis sur Terminé.

  9. Appuyez sur Enregistrer ou ✓.

Personnalisation de la taille de vos polices

Vous pouvez définir les tailles de police par défaut de vos titres et de votre corps de texte avec le paramètre de thème Typographie.

La taille de police minimale est de 100 % et la taille de police maximale est de 150 %. Chaque incrément de l’échelle augmente la taille de la police de 5 %. Le paramètre par défaut est de 100 %.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Typographie.

  5. Pour modifier la taille de police par défaut du texte des titres, utilisez le curseur de plage Échelle de la taille de la police pour sélectionner la taille de police par défaut.

  6. Pour modifier la taille de police par défaut du texte du corps, utilisez le curseur de plage Échelle de la taille de la police pour sélectionner la taille de police par défaut.

  7. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Typographie.

  7. Pour modifier la taille de police par défaut du texte des titres, utilisez le curseur de plage Échelle de la taille de la police pour sélectionner la taille de police par défaut.

  8. Pour modifier la taille de police par défaut du texte du corps, utilisez le curseur de plage Échelle de la taille de la police pour sélectionner la taille de police par défaut.

  9. Appuyez sur Enregistrer ou ✓.

Mise en page

Vous pouvez définir la largeur maximale à laquelle votre boutique en ligne s’affichera et définir l’espacement vertical et horizontal entre les sections.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Mise en page.

  5. Utilisez le curseur de plage Largeur de la page pour choisir une largeur de page comprise entre 1 000 px et 1 600 px. Le paramètre par défaut est de 1 600 px.

  6. Facultatif : utilisez le curseur de plage pour ajouter un espace vertical entre les sections de modèle sur vos pages. Vous pouvez ajouter jusqu’à 100 px d’espacement entre les sections.

  7. Facultatif : si vous avez une mise en page en grille, utilisez les curseurs de plage Espace horizontal et Espace vertical pour ajouter de l’espace entre le contenu de la grille sur vos pages. L’ajout d’espace horizontal ajoutera un maximum de 40 px d’espace aux lignes de contenu sur vos pages, tandis que l’ajout d’espace vertical ajoutera un maximum de 40 px d’espace aux colonnes de contenu sur vos pages.

  8. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Mise en page.

  7. Utilisez le curseur de plage Largeur de la page pour choisir une largeur de page comprise entre 1 000 px et 1 600 px. Le paramètre par défaut est de 1 600 px.

  8. Facultatif : utilisez le curseur de plage pour ajouter un espace vertical entre les sections de modèle sur vos pages. Vous pouvez ajouter jusqu’à 100 px d’espacement entre les sections.

  9. Facultatif : si vous avez une mise en page en grille, utilisez les curseurs de plage Espace horizontal et Espace vertical pour ajouter de l’espace entre le contenu de la grille sur vos pages. L’ajout d’espace horizontal ajoutera un maximum de 40 px d’espace aux lignes de contenu sur vos pages, tandis que l’ajout d’espace vertical ajoutera un maximum de 40 px d’espace aux colonnes de contenu sur vos pages.

  10. Appuyez sur Enregistrer ou ✓.

Animations

Les animations vous permettent d’ajouter du mouvement et un intérêt visuel à votre boutique en ligne. Vous pouvez activer une animation en fondu qui révèle les sections de votre boutique lors du défilement, et un effet de survol pour vos cartes et boutons.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Animations.

  5. Facultatif : pour activer une animation qui révèle les sections de votre boutique en ligne lors du défilement, sélectionnez Révéler les sections au défilement.

  6. Facultatif : pour ajouter une animation d’effet de survol à vos cartes et boutons, sélectionnez l’une des options suivantes dans le paramètre Effet de survol :

    • Élévation verticale : lorsqu’un client passe le curseur sur une carte ou un bouton, l’élément se déplace vers le haut.
    • Élévation 3D : lorsqu’un client passe le curseur sur une carte ou un bouton, l’élément se déplace vers l’avant, ce qui lui donne un effet 3D. Un léger reflet se déplace également sur l’élément, ce qui lui confère une dimension supplémentaire.

  7. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Animations.

  7. Facultatif : pour activer une animation qui révèle les sections de votre boutique en ligne lors du défilement, sélectionnez Révéler les sections au défilement.

  8. Facultatif : pour ajouter une animation d’effet de survol à vos cartes et boutons, sélectionnez l’une des options suivantes dans le paramètre Effet de survol :

    • Élévation verticale : lorsqu’un client passe le curseur sur une carte ou un bouton, l’élément se déplace vers le haut.
    • Élévation 3D : lorsqu’un client passe le curseur sur une carte ou un bouton, l’élément se déplace vers l’avant, ce qui lui donne un effet 3D. Un léger reflet se déplace également sur l’élément, ce qui lui confère une dimension supplémentaire.

  9. Appuyez sur Enregistrer ou ✓.

Paramètres de personnalisation des éléments visuels

Vous pouvez ajuster l’apparence des éléments de votre thème, comme les boutons, les cartes de produit et les variantes, depuis la page Paramètres du thème. Chaque option contient les paramètres pertinents pour l’élément concerné.

Vous pouvez ajuster les paramètres pour les éléments suivants de votre thème :

  • Boutons : les boutons incluent les boutons d’appel à l’action dans des sections telles qu’un diaporama ou une image avec texte, ainsi que les boutons d’un formulaire de contact, sur vos pages de produit et vos pages de panier.
  • Pastilles de variantes : les pastilles de variantes vous permettent d’afficher les variantes d’un produit sur une page de produit ou dans une section de produit vedette. Les clients peuvent sélectionner la variante souhaitée pour ajouter le produit à leur panier sans avoir à changer de page de produit. Vous pouvez personnaliser la façon dont vos pastilles de variantes s’affichent sur votre boutique en ligne.
  • Champs : les champs sont des zones interactives qui nécessitent la saisie d’informations par le client, par exemple, un sélecteur de quantité, un formulaire d’inscription à la liste de diffusion ou des notes de panier. Vous pouvez ajuster l’apparence des champs de votre boutique en ligne.
  • Les paramètres des fiches de produits, des fiches de collections et des fiches d’articles de blog vous permettent de personnaliser le style de chaque type de fiche lorsqu’elles sont affichées dans les sections de page.
    • Fiches de produits : les fiches de produits affichent des informations sur vos produits dans les zones de votre thème qui répertorient plusieurs produits, comme les modèles de collection, les sections de collection et les résultats de recherche.
    • Fiches de collections : les fiches de collections affichent des informations sur vos collections dans les zones de votre thème qui répertorient des collections, comme un modèle ou une section de liste de collections.
    • Fiches d’articles de blog : les fiches d’articles de blog affichent des informations sur vos articles de blog dans les zones de votre thème qui répertorient plusieurs produits, comme les modèles de blog, les sections de blog et les résultats de recherche.
  • Conteneurs de contenu : les conteneurs sont utilisés pour l’élément de texte des sections de contenu, par exemple, la zone de texte d’un diaporama, d’une bannière d’image ou dans les colonnes des sections multicolonnes. Vous pouvez personnaliser l’apparence des conteneurs de contenu de votre boutique en ligne.
  • Supports multimédias : les supports multimédias sont le composant visuel des sections, par exemple, le support multimédia d’un produit ou une image dans la section Image avec texte. Vous pouvez ajouter des bordures et des ombres à vos supports multimédias.
  • Menus déroulants et fenêtres pop-up : vous pouvez ajuster l’apparence des menus déroulants, des fenêtres modales et des fenêtres pop-up du panier sur votre boutique en ligne.
  • Tiroirs : les tiroirs sont des conteneurs interactifs masqués qui s’affichent lorsque l’on appuie ou que l’on clique dessus, comme des menus réductibles ou des options de filtre de collection. Vous pouvez personnaliser la bordure et l’ombre des tiroirs de votre boutique en ligne.
  • Badges : les badges En solde et Épuisé sont automatiquement ajoutés à vos images de produits lorsque vous réduisez le prix ou que le stock atteint 0. Vous pouvez ajuster individuellement la position, la forme et la couleur de vos badges En solde et Épuisé dans les paramètres de votre thème. Les badges Page et Blog s’affichent dans les résultats de recherche pertinents. Vous pouvez personnaliser la position et la forme de ces badges, mais vous ne pouvez pas modifier la couleur des badges Page et Blog.
  • Informations sur la marque : vous pouvez inclure des informations sur votre marque sur votre boutique en ligne. Une fois que vous avez suivi les étapes ci-dessous, vous pouvez ajouter le bloc Informations sur la marque dans le pied de page de votre boutique en ligne.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème à côté du thème que vous souhaitez modifier.

  3. Cliquez sur l’icône settings.

  4. Cliquez sur un élément pour ouvrir les paramètres.

  5. Ajustez les paramètres disponibles. Vous pouvez examiner les modifications en accédant à différentes zones de votre thème dans la fenêtre d’aperçu.

  6. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Modifier le thème à côté du thème que vous souhaitez modifier.

  4. Appuyez sur l’icône settings.

  5. Appuyez sur un élément pour ouvrir les paramètres.

  6. Ajustez les paramètres disponibles. Vous pouvez examiner les modifications en accédant à différentes zones de votre thème dans la fenêtre d’aperçu.

  7. Appuyez sur Enregistrer ou ✓.

Réseaux sociaux

Vous pouvez ajouter des liens vers vos comptes de réseaux sociaux qui s’affichent dans le pied de page de votre boutique en ligne.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Réseaux sociaux.

  5. Pour ajouter des liens vers vos comptes de réseaux sociaux, saisissez les adresses des sites web de vos comptes dans les champs Comptes de réseaux sociaux correspondants. Vous devez saisir des liens complets, tels que https://instagram.com/shopify ou https://tiktok.com/@shopify.

  6. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Réseaux sociaux.

  7. Pour ajouter des liens vers vos comptes de réseaux sociaux, saisissez les adresses des sites web de vos comptes dans les champs Comptes de réseaux sociaux correspondants. Vous devez saisir des liens complets, tels que https://instagram.com/shopify ou https://tiktok.com/@shopify.

  8. Appuyez sur Enregistrer ou ✓.

Comportement de la recherche

Votre boutique en ligne comprend une recherche prédictive, qui affiche des suggestions lorsque les clients commencent à saisir du texte dans le champ de recherche. Les suggestions de recherche peuvent aider les clients à formuler et à affiner leurs requêtes de recherche, et leur offrir de nouvelles façons d’explorer votre boutique en ligne. Les suggestions de recherche peuvent également permettre aux clients de parcourir rapidement les correspondances, sans avoir à quitter leur page actuelle pour afficher une liste distincte de résultats de recherche.

Pour en savoir plus sur le fonctionnement des suggestions de recherche, consultez la page Recherche prédictive.

Vous pouvez personnaliser la façon dont les suggestions de recherche s’affichent pour vos clients.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Comportement de la recherche.

  5. Pour activer ou désactiver les suggestions de recherche, cochez ou décochez la case Activer les suggestions de recherche.

  6. Facultatif : pour afficher ou masquer le fournisseur du produit dans les suggestions de recherche, cochez ou décochez la case Afficher le fournisseur du produit.

  7. Facultatif : pour afficher ou masquer le prix du produit dans les suggestions de recherche, cochez ou décochez la case Afficher le prix du produit.

  8. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Comportement de la recherche.

  7. Pour activer ou désactiver les suggestions de recherche, cochez ou décochez la case Activer les suggestions de recherche.

  8. Facultatif : pour afficher ou masquer le fournisseur du produit dans les suggestions de recherche, cochez ou décochez la case Afficher le fournisseur du produit.

  9. Facultatif : pour afficher ou masquer le prix du produit dans les suggestions de recherche, cochez ou décochez la case Afficher le prix du produit.

  10. Appuyez sur Enregistrer ou ✓.

Format de la devise

Vous pouvez choisir d’afficher le code de devise avec les prix de vos produits.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Format de la devise.

  5. Pour afficher les codes de devise, cochez la case Afficher les codes de devise.

  6. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Format de la devise.

  7. Pour afficher les codes de devise, cochez la case Afficher les codes de devise.

  8. Appuyez sur Enregistrer ou ✓.

Panier

Vous pouvez modifier le style du panier de votre boutique en ligne. Lorsqu’un client ajoute un produit de votre boutique à son panier, le panier peut s’afficher sous la forme d’un tiroir, d’une page ou d’une notification pop-up. Pour que le client reste sur la page de produit, utilisez l’option de tiroir ou de notification pop-up. Pour rediriger le client vers la page du panier, utilisez l’option de page. Lorsque le panier du client est vide, vous pouvez afficher une collection en vedette dans le tiroir du panier.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Panier.

  5. Utilisez le menu déroulant Type de panier pour sélectionner le style de panier Tiroir, Page ou Notification pop-up.

  6. Facultatif : pour afficher les fournisseurs des articles dans le panier d’un client, cochez la case Afficher le fournisseur.

  7. Facultatif : pour fournir aux clients une zone de texte où ils peuvent saisir des instructions spéciales ou ajouter des informations supplémentaires sur la commande, cochez la case Activer la note de panier.

  8. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez alors afficher une collection dans le tiroir du panier lorsque celui-ci est vide :

    1. Dans la zone Tiroir du panier, cliquez sur Sélectionner une collection.
    2. Cliquez sur le nom de la collection que vous souhaitez afficher, puis sur Sélectionner.

  9. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez modifier la combinaison de couleurs du tiroir de votre panier en suivant les étapes ci-dessous :

    1. Dans la section Panier coulissant > Combinaison de couleurs, cliquez sur Modifier.
    2. Sélectionnez la combinaison de couleurs que vous souhaitez utiliser pour votre panier coulissant.

  10. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Panier.

  7. Sélectionnez votre type de panier parmi les options Tiroir, Page ou Notification pop-up.

  8. Facultatif : pour afficher les fournisseurs des articles dans le panier d’un client, cochez la case Afficher le fournisseur.

  9. Facultatif : pour fournir aux clients une zone de texte où ils peuvent saisir des instructions spéciales ou ajouter des informations supplémentaires sur la commande, cochez la case Activer la note de panier.

  10. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez alors afficher une collection dans le tiroir du panier lorsque celui-ci est vide :

    1. Dans la section Panier coulissant, appuyez sur Sélectionner une collection.
    2. Appuyez sur le nom de la collection que vous souhaitez afficher, puis sur Terminé.

  11. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez modifier la combinaison de couleurs du tiroir de votre panier en suivant les étapes ci-dessous :

    1. Dans la section Panier coulissant > Combinaison de couleurs, appuyez sur Modifier.
    2. Sélectionnez une combinaison de couleurs que vous souhaitez utiliser pour votre panier coulissant, puis appuyez sur Terminé.

  12. Appuyez sur Enregistrer ou ✓.

CSS personnalisé

La section CSS personnalisé vous permet de saisir votre propre code CSS, par exemple pour personnaliser l’apparence des boutons de votre boutique en ligne au-delà des paramètres par défaut disponibles ou pour appliquer un style unique à des éléments de texte spécifiques.

Le CSS personnalisé dans les paramètres de votre thème affecte toutes les pages de votre boutique en ligne, à l’exception de la page de paiement.

En savoir plus sur l’ajout de CSS personnalisé à votre thème.

Style de thème

Un style de thème est un ensemble de paramètres choisis par un concepteur de thème. Vous pouvez appliquer un style de thème à votre boutique pour lui donner un aspect et une convivialité soignés. Tous les thèmes ont un style de thème appliqué par défaut. Les autres options de style de thème dont vous disposez dépendent du thème que vous utilisez.

Lorsque vous personnalisez un thème, vous remplacez les paramètres du style de thème par les vôtres. Lorsque vous appliquez un style de thème à votre thème, vous modifiez vos paramètres actuels, tels que les couleurs et la typographie.

Étapes :

Ordinateur de bureau

  1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône paramètres Paramètres du thème.

  4. Cliquez sur Style de thème.

  5. Sélectionnez le style de thème que vous souhaitez utiliser, puis cliquez sur Modifier le style.

  6. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Modifier le thème.

  5. Appuyez sur … ou ⋮, puis appuyez sur Paramètres du thème.

  6. Appuyez sur Style de thème.

  7. Sélectionnez le style de thème que vous souhaitez utiliser, puis appuyez sur Terminé.

  8. Appuyez sur Enregistrer ou ✓.