Se connecter
Démarrer l’essai gratuit

Paramètres de thème

Vous pouvez utiliser les paramètres de thème pour modifier la typographie, les couleurs, les liens de médias sociaux et la page du panier de votre boutique en ligne. Lorsque vous modifiez les paramètres de votre thème, les changements s’appliquent à la totalité de votre boutique en ligne.

Sur cette page

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

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

Personnaliser votre logo

La largeur des images de logo ne doit pas dépasser 300 px.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

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

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.

  4. Cliquez sur Logo.

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

    • Pour ajouter votre image, cliquez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sur votre ordinateur local, cliquez sur Ajouter des images. Sélectionnez et ajoutez une image, puis cliquez sur Terminé.

    • Pour utiliser une image gratuite, cliquez sur Parcourir les images gratuites. Recherchez une image, cliquez sur l’image pour la sélectionner, puis cliquez sur Sélectionner.

  6. Facultatif : ajoutez du texte alternatif à votre image de logo :

    1. Dans la zone 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 zone Largeur du logo sur ordinateur, utilisez le curseur de plage pour ajuster la largeur du logo en pixels.

  8. Cliquez sur Enregistrer.

iPhone

  1. Dans l’application Shopify, appuyez sur le bouton …

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur ⋮, puis sur Paramètres de thème.

  6. Appuyez sur Logo.

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

    • Pour ajouter votre image, appuyez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sélectionner une image sur votre appareil local, appuyez sur Ajouter des images. Sélectionnez et ajoutez une image à partir de votre appareil local, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

    • Pour utiliser une image gratuite, appuyez sur Parcourir les images gratuites. Recherchez une image, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

  8. Facultatif : ajoutez du texte alternatif à votre image de logo :

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

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

  10. Appuyez sur Enregistrer.

Android

  1. Dans l’application Shopify, appuyez sur le bouton ☰.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur …, puis sur Paramètres de thème.

  6. Appuyez sur Logo.

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

    • Pour ajouter votre image, appuyez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sélectionner une image sur votre appareil local, appuyez sur Ajouter des images. Sélectionnez et ajoutez une image à partir de votre appareil local, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

    • Pour utiliser une image gratuite, appuyez sur Parcourir les images gratuites. Recherchez une image, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

  8. Facultatif : ajoutez du texte alternatif à votre image de logo :

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

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

  10. Appuyez sur ✓.

Ajouter un favicon

Vous pouvez ajouter une icône de favoris, ou favicon, que vous utilisez pour contribuer à l’image de marque de votre boutique en ligne. Un favicon s’affiche dans les endroits suivants :

  • l'onglet de votre navigateur web
  • l'historique de votre navigateur web
  • les icônes présentes sur votre bureau
  • en regard du nom de votre boutique en ligne lorsque votre site web est marqué d’un signet

En savoir plus sur les favicons.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème pour lequel vous souhaitez ajouter un favicon, puis cliquez sur Personnaliser.

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.

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

  5. Dans la section Image de 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 localiser, puis la sélectionner en cochant la case correspondante.
    • Pour sélectionner une image sur votre ordinateur local, cliquez sur Ajouter des images, ouvrez l’image depuis votre ordinateur local et sélectionnez-la en cochant la case correspondante.

  6. Cliquez sur Terminé.

  7. Facultatif : ajoutez du texte alternatif à votre image favicon :

    1. Dans la section Image 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.

iPhone

  1. Dans l’application Shopify, appuyez sur le bouton …

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

  4. Recherchez le thème pour lequel vous souhaitez ajouter un favicon, puis appuyez sur Personnaliser.

  5. Appuyez sur ⋮, puis sur Paramètres de thème.

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

  7. Dans la section Image de 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 localiser, puis la sélectionner en cochant la case correspondante.
    • Pour sélectionner une image sur votre appareil local, appuyez sur Ajouter des images, ouvrez l’image depuis votre appareil local et sélectionnez-la en cochant la case correspondante.

  8. Appuyez sur Terminé.

  9. Ajoutez du texte alternatif à votre image favicon :

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

  10. Appuyez sur Enregistrer.

Android

  1. Dans l’application Shopify, appuyez sur le bouton ☰.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

  4. Recherchez le thème pour lequel vous souhaitez ajouter un favicon, puis appuyez sur Personnaliser.

  5. Appuyez sur …, puis sur Paramètres de thème.

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

  7. Dans la section Image de 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 localiser, puis la sélectionner en cochant la case correspondante.
    • Pour sélectionner une image sur votre appareil local, appuyez sur Ajouter des images, ouvrez l’image depuis votre appareil local et sélectionnez-la en cochant la case correspondante.

  8. Appuyez sur Terminé.

  9. Ajoutez du texte alternatif à votre image favicon :

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

  10. Appuyez sur ✓.

Couleurs

Vous pouvez créer et personnaliser jusqu’à 21 nuanciers de couleurs uniques et les appliquer à différentes sections de votre boutique en ligne. En savoir plus sur les options de couleurs, les nuanciers de couleurs et les dégradés de couleurs.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

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

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème

  4. Cliquez sur Couleurs.

  5. Dans la section Nuanciers, cliquez sur un nuancier existant ou sur l’option Ajouter un nuancier pour créer un autre nuancier de couleurs.

  6. Pour modifier le nuancier de couleurs, cliquez sur l’échantillon de couleurs pour modifier les couleurs des types de contenu suivants :

    • Arrière-plan
    • Dégradé de l’arrière-plan
    • Texte
    • Arrière-plan plein du bouton
    • Texte de bouton plein
    • Bouton en relief
    • Ombre

  7. Pour définir votre couleur, saisissez un code de couleur hexadécimal à partir du sélecteur de couleurs. Pour que la couleur soit transparente, supprimez le code de couleur hexadécimal du champ de texte.

  8. Cliquez sur Enregistrer.

iPhone

  1. Depuis l’application Shopify, appuyez sur le bouton Menu Horizontal.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur ⋮, puis sur Paramètres de thème.

  6. Appuyez sur Couleurs.

  7. Dans la section Nuanciers, appuyez sur un nuancier existant ou sur l’option Ajouter un nuancier pour créer un autre nuancier de couleurs.

  8. Pour modifier le nuancier de couleurs, appuyez sur l’échantillon de couleurs pour modifier les couleurs des types de contenu suivants :

    • Arrière-plan
    • Dégradé de l’arrière-plan
    • Texte
    • Arrière-plan plein du bouton
    • Texte de bouton plein
    • Bouton en relief
    • Ombre

  9. Pour définir votre couleur, saisissez un code de couleur hexadécimal à partir du sélecteur de couleurs. Pour que la couleur soit transparente, supprimez le code de couleur hexadécimal du champ de texte.

  10. Appuyez sur Terminé.

  11. Appuyez sur Enregistrer.

Android

  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur …, puis sur Paramètres de thème.

  6. Appuyez sur Couleurs.

  7. Dans la section Nuanciers, appuyez sur un nuancier existant ou sur l’option Ajouter un nuancier pour créer un autre nuancier de couleurs.

  8. Pour modifier le nuancier de couleurs, appuyez sur l’échantillon de couleurs pour modifier les couleurs des types de contenu suivants :

    • Arrière-plan
    • Dégradé de l’arrière-plan
    • Texte
    • Arrière-plan plein du bouton
    • Texte de bouton plein
    • Bouton en relief
    • Ombre

  9. Pour définir votre couleur, saisissez un code de couleur hexadécimal à partir du sélecteur de couleurs. Pour que la couleur soit transparente, supprimez le code de couleur hexadécimal du champ de texte.

  10. Appuyez sur Terminé.

  11. Appuyez sur ✓.

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 une police personnalisée.

Les polices système ont l’avantage d’être déjà installées sur l'ordinateur des clients, il peut donc être intéressant de les utiliser sur votre boutique. L’utilisation de polices système évite de télécharger de nouvelles polices sur l’ordinateur de vos clients, ce qui peut ralentir la vitesse de chargement de votre boutique. La police qui s’affiche sur l’ordinateur de vos clients dépend de leur système d’exploitation.

Personnaliser les types de polices

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

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de 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 sur Sélectionner.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de 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.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de 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 ✓.

Personnaliser les tailles de polices

Vous pouvez définir les tailles de polices par défaut de vos titres et du corps du texte à l’aide du paramètre de thème Typography.

La taille minimale de police est de 100 %, et la taille maximale de police 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 :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Typographie.
  5. Pour modifier la taille de police par défaut du texte Titres, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  6. Pour modifier la taille de police par défaut du Corps du texte, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Typographie.
  7. Pour modifier la taille de police par défaut du texte Titres, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  8. Pour modifier la taille de police par défaut du Corps du texte, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Typographie.
  7. Pour modifier la taille de police par défaut du texte Titres, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  8. Pour modifier la taille de police par défaut du Corps du texte, utilisez le curseur de plage Échelle de taille de police pour sélectionner la taille par défaut.
  9. Appuyez sur ✓.

Mise en page

Vous pouvez définir la largeur maximale d’affichage de votre boutique en ligne et de définir l’espace vertical et horizontal entre les sections.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Mise en page.
  5. Utilisez le curseur de plage Largeur de page pour choisir une largeur de page entre 1 000 px et 1 600 px. Le paramètre par défaut est 1 600 px.
  6. Facultatif : utilisez le curseur de plage pour ajouter un Espace vertical entre les sections du modèle sur vos pages. Vous pouvez ajouter jusqu’à 100 px entre chaque section.
  7. Facultatif : si votre mise en page est sous forme de grille, utilisez les curseurs de plage Espace horizontal et Espace vertical pour ajouter des espaces entre les contenus positionnés sur la grille. L’ajout d’espace horizontal permet d’insérer au maximum 40 px d’espace entre les lignes de contenu de vos pages. L’ajout d’espace vertical permet d’insérer au maximum 40 px d’espace entre les colonnes de contenu de vos pages.
  8. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Mise en page.
  7. Utilisez le curseur de plage Largeur de page pour choisir une largeur de page entre 1 000 px et 1 600 px. Le paramètre par défaut est 1 600 px.
  8. Facultatif : utilisez le curseur de plage pour ajouter un Espace vertical entre les sections du modèle sur vos pages. Vous pouvez ajouter jusqu’à 100 px entre chaque section.
  9. Facultatif : si votre mise en page est sous forme de grille, utilisez les curseurs de plage Espace horizontal et Espace vertical pour ajouter des espaces entre les contenus positionnés sur la grille. L’ajout d’espace horizontal permet d’insérer au maximum 40 px d’espace entre les lignes de contenu de vos pages. L’ajout d’espace vertical permet d’insérer au maximum 40 px d’espace entre les colonnes de contenu de vos pages.
  10. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Mise en page.
  7. Utilisez le curseur de plage Largeur de page pour choisir une largeur de page entre 1 000 px et 1 600 px. Le paramètre par défaut est 1 600 px.
  8. Facultatif : utilisez le curseur de plage pour ajouter un Espace vertical entre les sections du modèle sur vos pages. Vous pouvez ajouter jusqu’à 100 px entre chaque section.
  9. Facultatif : si votre mise en page est sous forme de grille, utilisez les curseurs de plage Espace horizontal et Espace vertical pour ajouter des espaces entre les contenus positionnés sur la grille. L’ajout d’espace horizontal permet d’insérer au maximum 40 px d’espace entre les lignes de contenu de vos pages. L’ajout d’espace vertical permet d’insérer au maximum 40 px d’espace entre les colonnes de contenu de vos pages.
  10. Appuyez sur ✓.

Animations

Les animations vous permettent d’ajouter du mouvement et de l’intérêt visuel à votre boutique en ligne. Vous pouvez activer une animation fondue qui révèle les sections de votre boutique lorsque le visiteur fait défiler la page, ainsi qu’un effet de survol pour vos cartes et vos boutons.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

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

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.

  4. Cliquez sur Animations.

  5. Facultatif : pour activer une animation qui révèle les sections de votre boutique en ligne lorsque le visiteur fait défiler la page, sélectionnez Afficher les sections lors du défilement.

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

    • Levée verticale : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers le haut.
    • Élévation 3D : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers l’avant, ce qui crée un effet 3D. Un léger halo lumineux traverse aussi l’élément, ce qui lui donne une dimension supplémentaire.

  7. Cliquez sur Enregistrer.

iPhone

  1. Depuis l’application Shopify, appuyez sur le bouton Menu Horizontal.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur ⋮, puis sur Paramètres de thème.

  6. Appuyez sur Animations.

  7. Facultatif : pour activer une animation qui révèle les sections de votre boutique en ligne lorsque le visiteur fait défiler la page, sélectionnez Afficher les sections lors du défilement.

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

    • Levée verticale : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers le haut.
    • Élévation 3D : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers l’avant, ce qui crée un effet 3D. Un léger halo lumineux traverse aussi l’élément, ce qui lui donne une dimension supplémentaire.

  9. Appuyez sur Enregistrer.

Android

  1. Depuis l’application Shopify, appuyez sur le bouton Menu.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur …, puis sur Paramètres de thème.

  6. Appuyez sur Animations.

  7. Facultatif : pour activer une animation qui révèle les sections de votre boutique en ligne lorsque le visiteur fait défiler la page, sélectionnez Afficher les sections lors du défilement.

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

    • Levée verticale : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers le haut.
    • Élévation 3D : lorsqu’un client survole une carte ou un bouton avec sa souris, l’élément se déplace vers l’avant, ce qui crée un effet 3D. Un léger halo lumineux traverse aussi l’élément, ce qui lui donne une dimension supplémentaire.

  9. Appuyez sur ✓.

Bordures et ombres

Vous pouvez ajuster les bordures et les ombres de certains types de contenu interactif, tels que les boutons, les boutons pilules de variante ou les entrées de quantité de produit.

Les options personnalisables pour les bordures sont les suivantes :

  • Épaisseur, qui modifie le contour de l’article.
  • Opacité, qui définit la visibilité du contour de l’article.
  • Rayon de coin, qui arrondit les coins de votre article.

Les options personnalisables pour les ombres sont les suivantes :

  • Opacité, qui modifie la visibilité de l’ombre de l’article. Une opacité d’ombre de 0 % supprime entièrement l’ombre de l’article.
  • Curseurs de plage de décalage Horizontal et Vertical, qui déplacent l’emplacement de l’ombre autour de l’article.
  • Curseur de plage Flou, qui modifie l’opacité de l’ombre de l’article.

Boutons

Vous pouvez personnaliser les paramètres des boutons d’appel à l’action sur votre boutique en ligne en ajoutant des ombres, en modifiant l’espacement ou l’opacité, et en ajustant la forme de vos boutons.

Exemple de boutique en ligne avec bouton d’appel à l’action

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Boutons.
  5. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre bouton.
  6. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Boutons.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre bouton.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Boutons.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre bouton.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Boutons pilules de variante

Les pilules de variantes vous permettent d’afficher les variantes d’un produit sur une page de produit ou une section de produit en vedette. Les clients peuvent sélectionner la variante souhaitée pour ajouter le produit à leur panier sans avoir à modifier les pages de produits. Vous pouvez personnaliser l’affichage de vos pilules de variantes sur votre boutique en ligne.

Exemple de boutique en ligne avec des pilules de variante sélectionnables

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Boutons pilules.
  5. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure votre bouton pilule de variante.
  6. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton pilule de variante. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Boutons pilule de variantes.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure votre bouton pilule de variante.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton pilule de variante. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Boutons pilule de variantes.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure votre bouton pilule de variante.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre du bouton pilule de variante. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Entrées

Les entrées sont des zones interactives, qui nécessitent une entrée client(e), 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 entrées de votre boutique en ligne.

Exemple de boutique en ligne avec entrée de quantité

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Entrées.
  5. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre entrée.
  6. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de l’entrée. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Entrées.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre entrée.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de l’entrée. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Entrées.
  7. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre entrée.
  8. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de l’entrée. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Cartes

Les paramètres des cartes de produit, des cartes de collection et des cartes de blog vous permettent de personnaliser le style de chaque type de carte affichée dans les sections de page. Vous pouvez modifier la couleur, l’alignement, les marges intérieures des images, les bordures et les ombres de ces trois types de cartes de section.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Cartes de produits, Cartes de collection ou Cartes de blog.
  5. Pour choisir un style de carte, utilisez l’option Style.
  6. Facultatif : pour ajouter de l’espace autour des images de votre carte, utilisez le curseur de plage Marge intérieure de l’image.
  7. Facultatif : choisissez entre Gauche, Centre (par défaut) ou Droite pour l’Alignement du texte de vos cartes.
  8. Facultatif : dans la section Nuancier de couleurs, cliquez sur Modifier pour sélectionner un nuancier de couleurs pour vos cartes.
  9. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre carte.
  10. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de la carte. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  11. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Cartes de produits, Cartes de collection ou Cartes de blog.
  7. Pour choisir un style de carte, utilisez l’option Style.
  8. Facultatif : pour ajouter de l’espace autour des images de votre carte, utilisez le curseur de plage Marge intérieure de l’image.
  9. Facultatif : choisissez entre Gauche, Centre (par défaut) ou Droite pour l’Alignement du texte de vos cartes.
  10. Facultatif : dans la section Nuancier de couleurs, appuyez sur Modifier. Sélectionnez un nuancier de couleurs pour vos cartes, puis appuyez sur Terminé.
  11. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre carte.
  12. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de la carte. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  13. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Cartes de produits, Cartes de collection ou Cartes de blog.
  7. Pour choisir un style de carte, utilisez l’option Style.
  8. Facultatif : pour ajouter de l’espace autour des images de votre carte, utilisez le curseur de plage Marge intérieure de l’image.
  9. Facultatif : choisissez entre Gauche, Centre (par défaut) ou Droite pour l’Alignement du texte de vos cartes.
  10. Facultatif : dans la section Nuancier de couleurs, appuyez sur Modifier. Sélectionnez un nuancier de couleurs pour vos cartes, puis appuyez sur Terminé.
  11. Facultatif : utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre carte.
  12. Facultatif : utilisez le curseur de plage pour modifier l’Ombre de la carte. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  13. Appuyez sur ✓.

Conteneurs de contenu

Les conteneurs sont utilisés pour l’élément texte des sections de contenu, par exemple, la zone de texte d’un diaporama, d’une bannière avec image ou dans les colonnes des sections multicolonnes. Vous pouvez personnaliser l’apparence des conteneurs de contenu de votre boutique en ligne.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Contenants de contenu.
  5. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre conteneur de contenu.
  6. Utilisez le curseur de plage pour modifier l’Ombre du conteneur de contenu. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Conteneurs de contenu.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre conteneur de contenu.
  8. Utilisez le curseur de plage pour modifier l’Ombre du conteneur de contenu. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Conteneurs de contenu.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre conteneur de contenu.
  8. Utilisez le curseur de plage pour modifier l’Ombre du conteneur de contenu. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Support multimédia

Le support multimédia est l’élément visuel des sections, par exemple, le support multimédia d’un produit ou d’une image dans la section « Image avec texte ». Vous pouvez ajouter des bordures et des ombres à vos supports multimédias.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Média.
  5. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre support multimédia.
  6. Utilisez le curseur de plage pour modifier l’Ombre du support multimédia. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Support multimédia.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre support multimédia.
  8. Utilisez le curseur de plage pour modifier l’Ombre du support multimédia. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Support multimédia.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre support multimédia.
  8. Utilisez le curseur de plage pour modifier l’Ombre du support multimédia. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Vous pouvez modifier l’apparence des menus déroulants, des fenêtres modales pop-up et des fenêtres pop-up de panier sur votre boutique en ligne.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Menus déroulants et fenêtres pop-ups.
  5. Utilisez le curseur de plage pour modifier l’apparence de votre Bordure.
  6. Utilisez le curseur de plage pour modifier l’Ombre. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Menus déroulants et fenêtres pop–ups.
  7. Utilisez le curseur de plage pour modifier l’apparence de votre Bordure.
  8. Utilisez le curseur de plage pour modifier l’Ombre. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Menus déroulants et fenêtres pop–ups.
  7. Utilisez le curseur de plage pour modifier l’apparence de votre Bordure.
  8. Utilisez le curseur de plage pour modifier l’Ombre. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Tiroirs

Les tiroirs sont des conteneurs interactifs masqués, qui apparaissent lorsque l’on appuie ou clique sur des menus réductibles ou des options de filtre de collection, par exemple. Vous pouvez personnaliser la bordure et l’ombre des tiroirs de votre boutique en ligne.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Tiroirs.
  5. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre tiroir.
  6. Utilisez le curseur de plage pour modifier l’Ombre du tiroir. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  7. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Tiroirs.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre tiroir.
  8. Utilisez le curseur de plage pour modifier l’Ombre du tiroir. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Tiroirs.
  7. Utilisez le curseur de plage pour modifier l’apparence de la Bordure de votre tiroir.
  8. Utilisez le curseur de plage pour modifier l’Ombre du tiroir. Définir l’opacité de l’ombre sur 0 % supprime l’ombre.
  9. Appuyez sur ✓.

Badges

Les badges Promotion et Épuisé sont automatiquement ajoutés aux images de vos produits lorsque vous réduisez le prix ou lorsque l’inventaire atteint 0. Vous pouvez ajuster la position, la forme et la couleur de chaque badge Promotion ou Épuisé dans les paramètres de votre thème.

Exemple de boutique en ligne avec des badges promotion et épuisé

Les badges Page et Blog apparaissent sur 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.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Badges.
  5. Pour sélectionner la position de votre badge, cliquez sur le menu déroulant Position sur les cartes, puis cliquez sur En bas à gauche, En bas à droite, En haut à gauche ou En haut à droite.
  6. Facultatif : pour ajouter des coins arrondis à vos badges, utilisez le curseur de plage Rayon de coin. Définir le rayon de coin sur 0 px produit des bords de badge carré, et l’augmentation du rayon rend les bords du badge plus arrondis.
  7. Facultatif : pour sélectionner un nuancier de couleurs, cliquez sur Modifier pour le Nuancier de couleurs du badge de promotion ou le Nuancier de couleurs du badge de rupture de stock, puis cliquez sur le nuancier de couleurs que vous souhaitez.
  8. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Badges.
  7. Pour sélectionner la position de votre badge, appuyez sur le menu déroulant Position sur les cartes, puis appuyez sur En bas à gauche, En bas à droite, En haut à gauche ou En haut à droite.
  8. Facultatif : pour ajouter des coins arrondis à vos badges, utilisez le curseur de plage Rayon de coin. Définir le rayon de coin sur 0 px produit des bords de badge carré, et l’augmentation du rayon rend les bords du badge plus arrondis.
  9. Facultatif : pour sélectionner un nuancier de couleurs, appuyez sur Modifier pour le Nuancier de couleurs du badge de promotion ou le Nuancier de couleurs du badge de rupture de stock. Sélectionnez un nuancier de couleurs pour vos badges, puis appuyez sur Terminé.
  10. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Badges.
  7. Pour sélectionner la position de votre badge, appuyez sur le menu déroulant Position sur les cartes, puis appuyez sur En bas à gauche, En bas à droite, En haut à gauche ou En haut à droite.
  8. Facultatif : pour ajouter des coins arrondis à vos badges, utilisez le curseur de plage Rayon de coin. Définir le rayon de coin sur 0 px produit des bords de badge carré, et l’augmentation du rayon rend les bords du badge plus arrondis.
  9. Facultatif : pour sélectionner un nuancier de couleurs, appuyez sur Modifier pour le Nuancier de couleurs du badge de promotion ou le Nuancier de couleurs du badge de rupture de stock. Sélectionnez un nuancier de couleurs pour vos badges, puis appuyez sur Terminé.
  10. Appuyez sur ✓.

Informations sur la marque

Vous pouvez inclure des informations à propos de votre marque dans votre boutique en ligne. Une fois les étapes ci–après effectuées, vous pouvez ajouter le bloc Informations sur la marque dans le pied de page de votre boutique en ligne.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

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

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.

  4. Cliquez sur Informations sur la marque.

  5. Facultatif : saisissez un Titre sur votre marque ou votre entreprise.

  6. Facultatif : saisissez une Description de votre marque ou votre entreprise.

  7. Facultatif : dans la zone Image, ajoutez votre image ou utilisez une image gratuite :

    • Pour ajouter votre image, cliquez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sur votre ordinateur local, cliquez sur Ajouter des images. Sélectionnez et ajoutez une image, puis cliquez sur Terminé.

    • Pour utiliser une image gratuite, cliquez sur Parcourir les images gratuites. Recherchez une image, cliquez sur l’image pour la sélectionner, puis cliquez sur Sélectionner.

  8. Facultatif : dans la zone Largeur de l’image, déplacez le curseur de plage jusqu’à la largeur de pixel que vous souhaitez.

  9. Cliquez sur Enregistrer.

iPhone

  1. Dans l’application Shopify, appuyez sur le bouton …

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur ⋮, puis sur Paramètres de thème.

  6. Appuyez sur Informations sur la marque.

  7. Facultatif : saisissez un Titre sur votre marque ou votre entreprise.

  8. Facultatif : saisissez une Description de votre marque ou votre entreprise.

  9. Facultatif : dans la zone Image, ajoutez votre image ou utilisez une image gratuite :

    • Pour ajouter votre image, appuyez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sélectionner une image sur votre appareil local, appuyez sur Ajouter des images. Sélectionnez et ajoutez une image à partir de votre appareil local, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

    • Pour utiliser une image gratuite, appuyez sur Parcourir les images gratuites. Recherchez une image, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

  10. Facultatif : dans la zone Largeur de l’image, déplacez le curseur de plage jusqu’à la largeur de pixel que vous souhaitez.

  11. Appuyez sur Enregistrer.

Android

  1. Dans l’application Shopify, appuyez sur le bouton ☰.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur …, puis sur Paramètres de thème.

  6. Appuyez sur Informations sur la marque.

  7. Facultatif : saisissez un Titre sur votre marque ou votre entreprise.

  8. Facultatif : saisissez une Description de votre marque ou votre entreprise.

  9. Facultatif : dans la zone Image, ajoutez votre image ou utilisez une image gratuite :

    • Pour ajouter votre image, appuyez sur Sélectionner une image, puis ajoutez une image nouvelle ou 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 sélectionner une image sur votre appareil local, appuyez sur Ajouter des images. Sélectionnez et ajoutez une image à partir de votre appareil local, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

    • Pour utiliser une image gratuite, appuyez sur Parcourir les images gratuites. Recherchez une image, appuyez sur l’image pour la sélectionner, puis appuyez sur Terminé.

  10. Facultatif : dans la zone Largeur de l’image, déplacez le curseur de plage jusqu’à la largeur de pixel que vous souhaitez.

  11. Appuyez sur ✓.

Médias sociaux

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

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Médias sociaux.
  5. Pour ajouter des liens vers vos comptes de médias sociaux, saisissez les adresses des sites web de vos comptes dans les champs Comptes sociaux correspondants. Vous devez saisir des liens complets, tels que https://instagram.com/shopify ou https://tiktok.com/@shopify.
  6. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Médias sociaux.
  7. Pour ajouter des liens vers vos comptes de médias sociaux, saisissez les adresses des sites web de vos comptes dans les champs Comptes sociaux correspondants. Vous devez saisir des liens complets, tels que https://instagram.com/shopify ou https://tiktok.com/@shopify.
  8. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Médias sociaux.
  7. Pour ajouter des liens vers vos comptes de médias sociaux, saisissez les adresses des sites web de vos comptes dans les champs Comptes sociaux correspondants. Vous devez saisir des liens complets, tels que https://instagram.com/shopify ou https://tiktok.com/@shopify.
  8. Appuyez sur ✓.

Comportement de recherche

La boutique en ligne comprend la recherche prédictive, indiquant les suggestions de produits lorsque les clients commencent à taper dans le champ de recherche. Les suggestions de recherche peuvent aider les client(e)s à formuler et affiner leurs recherches, 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 résultats sans avoir à quitter leur page actuelle pour visualiser une liste distincte de résultats de recherche.

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

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

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur Comportement de recherche.
  5. Pour activer ou désactiver les suggestions de recherche, sélectionnez ou désélectionnez Activer les suggestions de recherche.
  6. Facultatif : pour afficher ou masquer le fournisseur du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le fournisseur du produit.
  7. Facultatif : pour afficher ou masquer le prix du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le prix du produit.
  8. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Comportement de recherche.
  7. Pour activer ou désactiver les suggestions de recherche, sélectionnez ou désélectionnez Activer les suggestions de recherche.
  8. Facultatif : pour afficher ou masquer le fournisseur du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le fournisseur du produit.
  9. Facultatif : pour afficher ou masquer le prix du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le prix du produit.
  10. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Comportement de recherche.
  7. Pour activer ou désactiver les suggestions de recherche, sélectionnez ou désélectionnez Activer les suggestions de recherche.
  8. Facultatif : pour afficher ou masquer le fournisseur du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le fournisseur du produit.
  9. Facultatif : pour afficher ou masquer le prix du produit dans les suggestions de recherche, sélectionnez ou désélectionnez Afficher le prix du produit.
  10. Appuyez sur ✓.

Format de devise

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

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.
  4. Cliquez sur le format de la devise.
  5. Pour activer les codes de devise, sélectionnez Afficher les codes de devise.
  6. Cliquez sur Enregistrer.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de thème.
  6. Appuyez sur Format de devise.
  7. Pour activer les codes de devise, sélectionnez Afficher les codes de devise.
  8. Appuyez sur Enregistrer.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de thème.
  6. Appuyez sur Format de devise.
  7. Pour activer les codes de devise, sélectionnez Afficher les codes de devise.
  8. Appuyez sur ✓.

Panier

Vous pouvez modifier le style du panier sur votre boutique en ligne. Lorsqu’un(e) client(e) ajoute un produit de votre boutique à son panier, celui‑ci peut être affiché en tant que tiroir, page ou notification pop‑up. Pour que le client ou la cliente reste sur la page du produit, utilisez l’option tiroir ou notification pop‑up. Pour que le client ou la cliente accède à la page du panier, utilisez l’option page. Lorsque le panier du client ou de la cliente est vide, vous pouvez afficher une collection en vedette dans le panier coulissant.

Étapes :

Bureau

  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

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

  3. Cliquez sur l’icône de l’engrenage Paramètres de thème.

  4. Cliquez sur Cart (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(e) client(e), sélectionnez Afficher le fournisseur.

  7. Facultatif : pour fournir à vos clients une zone de texte dans laquelle ils peuvent saisir des demandes spéciales ou ajouter des informations de commande supplémentaires, sélectionnez Activer la note de panier.

  8. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez afficher une collection dans le panier coulissant lorsqu’il est vide :

    1. Dans la zone Panier coulissant, 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 le nuancier de couleurs de votre panier coulissant en procédant comme suit :

    1. Dans la zone Panier coulissant > Nuancier de couleurs, cliquez sur Modifier.
    2. Sélectionnez un nuancier de couleurs que vous souhaitez utiliser pour votre panier coulissant.

  10. Cliquez sur Enregistrer.

iPhone

  1. Dans l’application Shopify, appuyez sur le bouton …

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur ⋮, puis sur Paramètres de 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(e) client(e), sélectionnez Afficher le fournisseur.

  9. Facultatif : pour fournir à vos clients une zone de texte dans laquelle ils peuvent saisir des demandes spéciales ou ajouter des informations de commande supplémentaires, sélectionnez Activer la note de panier.

  10. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez afficher une collection dans le panier coulissant lorsqu’il est vide :

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

  11. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez modifier le nuancier de couleurs de votre panier coulissant en procédant comme suit :

    1. Dans la zone Panier coulissant > Nuancier de couleurs, appuyez sur Modifier.
    2. Sélectionnez un nuancier de couleurs que vous souhaitez utiliser pour votre panier coulissant, puis appuyez sur Terminé.

  12. Appuyez sur Enregistrer.

Android

  1. Dans l’application Shopify, appuyez sur le bouton ☰.

  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).

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

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

  5. Appuyez sur …, puis sur Paramètres de 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(e) client(e), sélectionnez Afficher le fournisseur.

  9. Facultatif : pour fournir à vos clients une zone de texte dans laquelle ils peuvent saisir des demandes spéciales ou ajouter des informations de commande supplémentaires, sélectionnez Activer la note de panier.

  10. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez afficher une collection dans le panier coulissant lorsqu’il est vide :

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

  11. Facultatif : si vous sélectionnez Tiroir comme Type de panier, vous pouvez modifier le nuancier de couleurs de votre panier coulissant en procédant comme suit :

    1. Dans la zone Panier coulissant > Nuancier de couleurs, appuyez sur Modifier.
    2. Sélectionnez un nuancier de couleurs que vous souhaitez utiliser pour votre panier coulissant, puis appuyez sur Terminé.

  12. Appuyez sur ✓.

CSS personnalisée

La section CSS personnalisée 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.

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

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

Style de thème

Un style de thème est une collection de paramètres choisis par un concepteur ou une conceptrice de thème. Vous pouvez en appliquer un à votre boutique pour lui donner un aspect soigné. Un style est appliqué à tous les thèmes 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 de style de ce thème par les vôtres. Si vous appliquez un style de thème à votre thème, vous modifiez vos paramètres du moment, tels que les couleurs et la typographie.

Étapes :

Bureau
  1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
  3. Cliquez sur l’icône de l’engrenage Paramètres de 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.
iPhone
  1. Dans l’application Shopify, appuyez sur le bouton …
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur ⋮, puis sur Paramètres de 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.
Android
  1. Dans l’application Shopify, appuyez sur le bouton ☰.
  2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
  3. Appuyez sur Gérer tous les thèmes.
  4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
  5. Appuyez sur …, puis sur Paramètres de 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 ✓.

Annuler et rétablir les modifications

Le bouton Annuler inverse votre modification la plus récente, et le bouton Rétablir rajoute une modification que vous avez annulée. Si vous cliquez sur le bouton Annuler plus d’une fois, votre travail continuera d’être annulé, une modification à la fois. Les boutons Annuler et Rétablir se trouvent dans la barre d’outils de l’éditeur de thème.

Les boutons Annuler et Rétablir dans la barre d'outils de l'éditeur de thème

Cliquez sur le bouton Annuler pour annuler les modifications que vous avez apportées à votre thème, comme :

  • ajouter, réorganiser et supprimer des sections
  • appliquer des couleurs, des polices et d’autres paramètres de thème
  • réinitialiser un style de thème

Options de couleur avec échantillons de

La taxonomie mise à jour du produit Shopify comprend un attribut de couleur standard, qui vous permet d’ajouter des échantillons de couleurs à votre vitrine. Pour accéder à cet attribut standard, sélectionnez une catégorie de produit incluant un champ méta de catégorie de couleur. Les champs de données de catégorie suivants prennent en charge les échantillons de couleur :

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

En savoir plus sur l’ajout de échantillons de couleurs à l’aide de champs méta de catégorie et de migration de produits existants afin d’utiliser des champs méta de catégorie.

Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.