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 vers les réseaux sociaux, l’en-tête, la recherche et le panier dans l’ensemble de votre boutique.

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 : la couleur principale utilisée pour les éléments sélectionnés et les arrière-plans des médias.

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

• Texte du corps : la couleur du texte principal.

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

• Texte des cartes : la couleur du texte dans les cartes.

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

• Prix soldé : la couleur du prix soldé d’un produit, visuellement différenciée du prix normal.

• Évaluation du produit : la 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 des titres et du texte principal depuis le panneau Typographie — différentes sections du site peuvent utiliser des polices différentes. Consultez la documentation sur les polices de Shopify 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 : l’espace entre les bords de la page et le contenu principal.

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

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

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

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

• Flou de l’arrière-plan de la superposition : le 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 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 bordure des champs de saisie, comme les barres de recherche et les formulaires de contact, depuis le panneau Champs de saisie.

Réseaux sociaux

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

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 suggestions au fur et à mesure que les clients saisissent leur recherche. Vous pouvez également définir le format d’image, mettre en avant des mots-clés et sélectionner des produits à mettre en avant 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 un seuil de livraison gratuite.

• Seuil de livraison gratuite : la valeur de commande requise pour bénéficier de la livraison gratuite.