Paramètres généraux
Mis à jour le mois dernier
Les Paramètres généraux de l’éditeur de thème contrôlent le logo, les couleurs, la typographie, la mise en page, les animations, les produits, l’en-tête, la recherche, la pagination, le panier, le curseur et le code personnalisé dans l’ensemble de votre boutique Pops. Les paramètres sont organisés en panneaux ; la plupart s’appliquent au niveau du thème, tandis que l’ajout rapide de produits se configure au niveau de chaque section.
Logo
Définissez votre favicon et votre logo depuis le panneau Logo. Le favicon est redimensionné à 32 x 32 px pour être affiché dans l’onglet du navigateur.
Image du favicon : l’icône affichée dans l’onglet du navigateur.
Image du logo : l’image utilisée dans l’en-tête et le pied de page.
Logo SVG : une version SVG de votre logo qui remplace le logo image lorsque vous souhaitez obtenir une image nette et redimensionnable.
Couleurs
Définissez les couleurs utilisées dans toute la boutique depuis le panneau Couleurs. Un schéma de couleurs par défaut s’applique à l’ensemble du thème, tandis que des groupes distincts couvrent les boutons, les cartes, les accordéons, les badges, les Pop-ups, les prix, les évaluations, les boutons d’appel à l’action, la barre de livraison gratuite, la barre de défilement et le cadre de la page. Chaque couleur est un échantillon que vous pouvez sélectionner dans un sélecteur ou définir à l’aide d’un code hexadécimal.
Schéma de couleurs par défaut : le schéma de couleurs appliqué à l’ensemble du thème.
Couleur principale : la couleur principale utilisée pour les éléments sélectionnés et les arrière-plans des médias.
Prix normal : la couleur du prix normal d’un produit.
Prix soldé : la couleur du prix soldé d’un produit, maintenue visuellement distincte du prix normal.
Évaluation du produit : la couleur du système d’évaluation par étoiles.
Typographie
Choisissez les polices et les tailles des titres et du texte courant depuis le panneau Typographie. Chaque élément est fourni avec une police par défaut que vous pouvez remplacer.
Police (Titres) : la police utilisée pour les titres.
Échelle de taille de police (Titres) : ajuste la taille des titres de 100 % à 150 %.
Largeur de bordure (Titres) : la largeur de la bordure des titres, de 0 à 3 px.
Titres en majuscules : affiche les titres en lettres capitales.
Police (Texte courant) : la police utilisée pour le texte courant.
Échelle de taille de police (Texte courant) : ajuste la taille du texte courant de 100 % à 130 %.
Schémas de rayon de bordure
Choisissez parmi trois schémas de rayon de bordure pour contrôler l’arrondi des angles dans tout le thème. Chaque schéma définit le rayon des angles supérieur gauche, supérieur droit, inférieur droit et inférieur gauche de 0 à 100.
Cartes
Contrôlez le style des cartes depuis le panneau Cartes, notamment le neumorphisme, la largeur de bordure et le schéma de rayon de bordure appliqué aux cartes d’articles, aux cartes de produits et aux Pop-ups.
Mise en page
Contrôlez l’espacement et les effets décoratifs de la page depuis le panneau Mise en page :
Activer le bruit de la page : ajoute une texture subtile à l’arrière-plan de la page (activé par défaut).
Animer le bruit de la page : anime la texture de bruit (activé par défaut).
Afficher le cadre de la page : affiche un cadre autour de la page (activé par défaut).
Marges latérales de la page : l’espacement horizontal sur mobile et sur ordinateur, séparément.
Espacement de la grille : l’espacement entre les éléments de la grille sur mobile et sur ordinateur, séparément.
Les contrôles du bruit et du cadre de la page disposent de leurs propres paramètres de taille, d’opacité, de rayon de bordure et de largeur de contour, qui apparaissent lorsque la fonctionnalité est activée.
Styles généraux
Ajustez l’arrondi des badges et des échantillons, le flou de superposition, le style des icônes d’accordéon et la taille des bulles de stories depuis le panneau Styles généraux.
Animation
Définissez la manière dont le contenu s’anime à son apparition depuis le panneau Animation.
Type d’animation des titres : les options incluent None, From bottom, Jumping letters et From vertical start.
Activer le découpage du titre : découpe le texte du titre pour l’animation.
Type de découpage du titre : lorsque le texte s’anime, découpez-le par Letters, Words ou Lines.
Ombres
Définissez le décalage, le flou, la propagation et l’opacité des ombres des cartes, des titres et des boutons depuis le panneau Ombres.
Boutons
Définissez le neumorphisme des boutons, le schéma de rayon de bordure, la largeur de bordure et le type d’effet au survol (Fade, Slide up, Pulse ou Shine) depuis le panneau Boutons.
Champs de saisie
Définissez le schéma de rayon de bordure, la hauteur ainsi que les marges internes verticales et horizontales des champs de saisie depuis le panneau Champs de saisie.
Produits
Configurez l’affichage des images, des badges et des avis sur les produits depuis le panneau Produits :
Application d’avis : sélectionnez votre fournisseur d’avis 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.
Traductions des options de taille : traduisez les libellés des options de taille.
L’ajout rapide de produits est activé au niveau de la section, et non de manière globale.
Réseaux sociaux
Ajoutez les URL de vos profils X, Facebook, Pinterest, Instagram, TikTok, Threads, Tumblr, Snapchat, YouTube et Vimeo depuis le panneau Réseaux sociaux pour les afficher dans le pied de page.
Groupe d’en-tête
Contrôlez le comportement de l’en-tête et la disposition des icônes depuis le panneau Groupe d’en-tête :
Activer le groupe d’en-tête fixe : maintient l’en-tête fixé pendant le défilement des clients (activé par défaut).
Mise en page : choisissez entre Only icons, Icons and text ou Text only pour les éléments de l’en-tête.
Recherche
Activez la recherche prédictive pour suggérer des produits et des termes correspondants pendant la saisie des clients (activée par défaut).
Pagination
Activez la pagination avec chargement différé afin que les pages de collections chargent automatiquement davantage de produits pendant le défilement des clients, au lieu de passer à une nouvelle page. Consultez Ajouter un bouton Afficher plus aux listes de produits pour connaître la procédure complète de configuration et les étapes de prévisualisation.
Panier
Configurez le comportement de votre panier depuis le panneau Panier :
Type de panier : affichez le panier sous forme de Page ou de Drawer.
Afficher le vendeur : affiche le nom du vendeur pour chaque article du panier.
Afficher les notes : permet aux clients d’ajouter une note à leur commande.
Afficher le code de réduction : permet aux clients de saisir un code de réduction lors du paiement.
Afficher le nombre d’articles : affiche le nombre d’articles dans le panier.
Seuil de livraison gratuite : la valeur de commande requise pour bénéficier de la livraison gratuite (30 par défaut).
Curseur personnalisé
Choisissez un style de curseur personnalisé depuis le panneau Curseur personnalisé :
Curseur CSS : utilise un curseur CSS standard, avec des images de curseur facultatives pour le pointeur et les liens.
Curseur avec traînée linéaire : ajoute une ligne qui suit le curseur.
Curseur avec traînée scintillante : ajoute une traînée scintillante derrière le curseur, avec une couleur, une taille et un espacement des scintillements configurables.
Les paramètres spécifiques au curseur apparaissent uniquement lorsque vous sélectionnez ce type de curseur.
Format de date
Choisissez le mode d’affichage des dates dans toute la boutique depuis le panneau Format de date, avec des options telles que Mar 22, 2024 et 03/22/2024.
Format de devise
Activez ou désactivez l’affichage des codes de devise à côté des prix depuis le panneau Format de devise (activé par défaut).
HTML/JS personnalisé
Ajoutez des extraits JavaScript et HTML personnalisés qui se chargent au début et à la fin de l’en-tête et du corps de la page depuis le panneau HTML/JS personnalisé.