Paramètres généraux

Les paramètres généraux de l’éditeur de thème contrôlent les couleurs, la typographie, la mise en page, les boutons, les champs de saisie, les liens sociaux, l’en-tête, la recherche et le panier dans l’ensemble de votre boutique.

Favicon

Définissez l’icône affichée dans l’onglet du navigateur depuis le panneau Favicon.

Couleurs

Personnalisez les couleurs utilisées dans toute votre boutique depuis le panneau Couleurs. Cliquez sur un échantillon de couleur pour ouvrir le sélecteur, ou saisissez directement un code hexadécimal, puis cliquez sur Enregistrer.

Couleurs générales

Voici les couleurs générales de la V1.

• Couleur principale : couleur principale utilisée pour les éléments sélectionnés et les arrière-plans des contenus multimédias.

• Arrière-plan du corps : arrière-plan de la zone de contenu principale.

• Texte du corps : couleur du texte principal.

• Arrière-plan des cartes : arrière-plan des cartes individuelles de produits ou de contenu.

• Texte des cartes : couleur du texte à l’intérieur des cartes.

• Prix normal : couleur du prix normal d’un produit.

• Prix soldé : couleur du prix soldé d’un produit, visuellement distincte du prix normal.

• Évaluation du produit : couleur du système d’évaluation par étoiles.

Des groupes de couleurs distincts couvrent également les boutons (les boutons généraux et les boutons d’appel à l’action, comme Ajouter au panier et Passer la commande), la barre d’annonce, l’en-tête et le pied de page.

Typographie

Définissez la famille de polices, la taille, la hauteur de ligne et l’espacement des lettres pour les titres et le corps du texte depuis le panneau Typographie — différentes sections du site peuvent utiliser des polices différentes. Consultez la documentation de Shopify sur les polices pour en savoir plus.

Styles généraux

Ajustez la mise en page générale de votre site depuis le panneau Styles généraux :

• Marge intérieure de la page : espace entre les bords de la page et le contenu principal.

• Rayon de bordure des badges : arrondi des coins des badges et des libellés.

• Rayon de bordure des cartes : arrondi des coins des cartes et des encadrés de produits.

• Grille (verticale / horizontale) : espacement entre les sections et les éléments.

• Couleur d’arrière-plan de la superposition : couleur utilisée pour les superpositions des fenêtres modales et des visionneuses.

• Flou de l’arrière-plan de la superposition : niveau de flou appliqué aux superpositions.

Les modifications sont prévisualisées en temps réel dans l’éditeur de thème.

Boutons

Définissez le rayon et la largeur de la bordure de chaque bouton du site depuis le panneau Boutons, avec un aperçu en direct dans l’éditeur de thème.

Champs de saisie

Définissez le rayon de la bordure des champs de saisie, comme les barres de recherche et les formulaires de contact, depuis le panneau Champs de saisie.

Produits

Configurez l’affichage des images, des badges et des évaluations des produits depuis le panneau Produits :

• Application d’évaluation : sélectionnez votre fournisseur d’évaluations parmi Judge Me, Loox, Okendo, Yotpo, Ryviu, Junip, Stamped ou Other.

• Afficher l’image secondaire au survol : remplace la photo du produit par l’image secondaire lorsqu’un client la survole.

• Afficher le badge du produit : affiche les badges des produits sur les cartes de produits.

• Afficher la description du produit : affiche la description du produit sur les cartes de produits.

• Afficher l’évaluation du produit : affiche l’évaluation par étoiles sur les cartes de produits.

Réseaux sociaux

Ajoutez les URL de vos profils Facebook, X (Twitter), Instagram et autres réseaux sociaux pour les afficher dans le pied de page. Incluez l’URL complète avec le préfixe https:// ou http://.

Groupe d’en-tête

Gardez l’en-tête fixe lorsque les clients font défiler la page depuis le panneau Groupe d’en-tête.

En-tête

Personnalisez la mise en page et l’apparence de votre en-tête, notamment votre logo et votre menu de navigation. Choisissez le mode d’affichage des éléments de navigation :

• Icônes uniquement : uniquement les icônes, sans texte.

• Icônes et texte : les icônes et le texte.

• Texte uniquement : uniquement le texte, sans icônes.

Recherche

Activez la recherche prédictive pour afficher des termes suggérés à mesure que les clients saisissent leur requête. Vous pouvez également définir le format d’image, mettre en avant des mots-clés et sélectionner des produits mis en avant à afficher dans le tiroir de recherche.

Panier

Configurez le comportement du panier depuis le panneau Panier :

• Type de panier : un tiroir ou une page distincte.

• Afficher le fournisseur : affiche le nom du fournisseur pour chaque article du panier.

• Afficher les notes : permet aux clients d’ajouter une note à leur commande.

• Afficher le code de réduction : affiche un champ de code de réduction dans le pied de page du panier, où les clients peuvent saisir un code avant de passer la commande.

• Afficher le nombre d’articles : affiche le nombre d’articles dans le panier.

• Afficher les icônes de paiement : affiche les icônes des modes de paiement acceptés.

• Barre de livraison gratuite : affiche une barre de progression vers le seuil de livraison gratuite.

• Seuil de livraison gratuite : montant de commande requis pour bénéficier de la livraison gratuite.

Format de devise

Activez ou désactivez l’affichage des codes de devise à côté des prix depuis le panneau Format de devise.