Où se trouve le panneau Paramètres
Le panneau Paramètres du builder contient les contrôles de design et de comportement à l'échelle de la boutique qui se situent en dehors de toute section unique. Ouvrez le builder, puis dans la barre d'icônes de gauche, cliquez sur l'icône d'engrenage (les icônes du drapeau de marché, des pages et des articles se trouvent au-dessus). Le panneau s'ouvre en onglets repliables : Image de marque, Couleurs, Polices, Mise en page, Animations, Automatisations, Champs, Icônes, Interdictions, Paiement, Formulaire de paiement, Page de maintenance, CSS personnalisé et JavaScript personnalisé. Chaque changement est un brouillon jusqu'à ce que vous appuyiez sur Publier dans la barre supérieure.
Les paramètres sont enregistrés par marché
Tous ces paramètres sont enregistrés par marché, et non une seule fois pour toute la boutique. Le sous-titre du panneau indique « Paramètres globaux de [nom du marché] » pour montrer quel marché vous modifiez. Changez d'abord de marché avec l'icône du drapeau, puis ouvrez les Paramètres. Au sein d'un marché, les paramètres sont globaux sur toutes les pages.
Image de marque
Cet onglet contient deux ressources image (il ne contient pas votre logo, qui se définit à l'intérieur de la section d'en-tête, pas ici) :
- Favicon : la petite icône de l'onglet du navigateur. Accepte PNG, JPEG, WEBP ou ICO (32x32 ou 16x16 recommandé).
- Image de fond : un arrière-plan facultatif à l'échelle de la boutique. Accepte PNG, JPEG ou WEBP. Lorsqu'elle est définie, deux contrôles supplémentaires apparaissent : Taille (Couvrir ou Contenir) et un interrupteur Répéter.
Couleurs
Chaque marché dispose de jusqu'à neuf jeux de couleurs (au minimum un). Chaque section, bloc et composant référence un jeu par son numéro, donc modifier un jeu recolore tout ce qui l'utilise. Cliquez sur une carte pour modifier ses couleurs, faites un clic droit pour Dupliquer (bloqué à neuf) ou Supprimer (bloqué sur le dernier jeu), et glissez pour réorganiser. Un jeu définit les couleurs des arrière-plans, des titres, du texte courant, des liens, des bordures, des contours, des ombres, des boutons principaux et secondaires (avec états de survol), et des champs de formulaire.
Polices
La typographie associe une famille de polices à quatre rôles :
- Corps : paragraphes et texte général.
- Titre : grands titres de page et de section.
- Sous-titre : titres secondaires et sous-titres de section.
- Accent : emphase décorative.
Le sélecteur de polices (avec recherche) répartit les polices en Polices système (se chargent instantanément) et Polices non système (téléchargées vers le visiteur, peuvent ralentir le chargement). Utiliser plus d'une police non système peut nuire à la vitesse de la page. Chaque police latine est automatiquement associée à une police arabe correspondante, pour que les langues de droite à gauche s'affichent proprement.
Mise en page
Un seul contrôle : Largeur de page, un curseur de 900px à 1400px par pas de 100px (par défaut 1200). C'est la largeur maximale du contenu sur les grands écrans de bureau uniquement. Sur mobile, la largeur est toujours de 100%. Les sections réglées en pleine largeur ignorent cette valeur et s'étirent d'un bord à l'autre.
Animations
- Apparition au défilement : comment les sections s'animent en entrant dans la fenêtre d'affichage : Aucune, Fondu, Glissement vers le haut, Glissement vers la gauche, ou Zoom (par défaut Glissement vers le haut).
- Effet de zoom des images : un interrupteur qui active le zoom au survol sur les images des produits.
Automatisations
Un seul interrupteur : Lecture automatique des vidéos. Lorsqu'il est activé, les blocs vidéo se lancent d'eux-mêmes. En raison des règles des navigateurs, ils restent muets jusqu'à ce que le visiteur interagisse avec la page.
Champs (style des champs de formulaire)
Cet onglet stylise chaque champ de la vitrine. Il n'a pas d'option de couleur (les couleurs des champs viennent du jeu de couleurs). Les contrôles sont :
- Type (Disposition) : Replier place chaque libellé au-dessus de son propre champ, Déplier place un seul libellé au-dessus de tout l'ensemble de champs comme un en-tête.
- Icônes : Aucune masque les icônes des champs, Par défaut les affiche à l'intérieur du champ, Libellé les attache au libellé.
- Position : Début ou Fin, affichée uniquement lorsque Icônes est réglé sur Par défaut.
Icônes
Un seul contrôle : Épaisseur, le poids des traits des icônes d'interface, réglé sur Par défaut (normal) ou Épais (gras).
Interdictions
Restreignez les interactions du navigateur pour rendre la copie occasionnelle plus difficile. Options générales : Copier les textes et images, Sélectionner les textes et images, Accéder au menu contextuel (clic droit), et Inspecter la page (retire le contenu de la page si des outils de développement sont détectés). Une option d'en-tête distincte, Le logo redirige vers l'accueil, fait pointer le logo de l'en-tête vers la page d'accueil lorsqu'elle est activée, ou décoratif lorsqu'elle est désactivée.
Paiement
- Méthode de paiement : Ajouter au panier fait passer les acheteurs par le tiroir du panier, Paiement rapide saute le panier et va directement au formulaire de commande.
- Méthode secondaire : un interrupteur qui propose aussi la méthode opposée en option secondaire, pour qu'une boutique en paiement rapide puisse tout de même afficher un bouton d'ajout au panier, et l'inverse.
Formulaire de paiement
Cet onglet contrôle chaque champ du formulaire de commande. Chaque champ est une ligne que vous pouvez glisser pour réorganiser. Pour chaque champ, vous définissez :
- Statut : Désactivé (masqué, retiré du formulaire), Activé (affiché mais facultatif), ou Obligatoire (l'acheteur doit le remplir).
- Libellé : le nom visible du champ (jusqu'à 50 caractères).
- Texte d'invite : le texte indicatif à l'intérieur du champ vide (jusqu'à 50 caractères).
Les champs de région (District, Ville, État, Commune, Province) reçoivent aussi un contrôle Type (Champ pour du texte libre ou Liste pour un menu déroulant), mais uniquement lorsque le pays du marché actif dispose de données de localisation organisées. Les champs disponibles incluent nom complet, prénom/nom, société, genre, date de naissance, adresse, complément d'adresse, identifiant national, quartier, district, appartement, étage, code postal, ville, état, commune, province, note de commande, cadeau, e-mail, téléphone, WhatsApp, lien, couleur, livraison et paiement. Comme le formulaire est par marché, vous pouvez exiger un identifiant national dans un marché et le masquer dans un autre.
Page de maintenance
Masquez la vitrine derrière une page d'attente pendant les mises à jour. Contrôles : un interrupteur principal Activé (lorsqu'il est activé, chaque route affiche la page de maintenance, pas seulement la page d'accueil), un Titre (texte brut, jusqu'à 100 caractères), un Message (texte enrichi, jusqu'à 500 caractères), et un Jeu de couleurs. Désactivez Activé pour remettre la boutique en ligne.
CSS personnalisé et JavaScript personnalisé
Pour des ajustements avancés, le CSS personnalisé injecte vos propres styles (jusqu'à 1000 caractères) et le JavaScript personnalisé injecte vos propres scripts tels que du suivi tiers (jusqu'à 1000 caractères). Les deux s'appliquent à toute la boutique, alors utilisez-les seulement si vous êtes à l'aise avec le code.