Les Page Styles contrôlent l'apparence visuelle de vos pages de drop. Un style est au niveau du compte, vous pouvez donc réutiliser un seul style pour chaque drop ou conserver plusieurs variantes.
Créer un style
Allez dans Paramètres et ouvrez l'onglet Page Styles, puis cliquez sur Créer un nouveau style. Cela ouvre un formulaire de style vierge. Il n'y a pas de sélecteur de chemin ici — il commence toujours par les paramètres par défaut.
Deux autres façons d'obtenir un style sans remplir le formulaire de zéro :
- Dupliquer — chaque carte de style dans la liste Page Styles a un bouton Dupliquer. Il clone ce style sous le nom « nom (Copie) », que vous pouvez ensuite modifier.
- Extraire d'un site web — cette option n'existe que dans l'étape Page Design de l'assistant drop, pas dans la zone Page Styles. Voir Comment extraire des styles d'un site web.
Donnez d'abord un Nom de style au style. Les noms doivent être uniques ; une coche ou une croix à côté du champ vous indique si le nom est déjà utilisé.
Le formulaire (trois onglets)
Le formulaire comporte trois onglets : Couleurs, Typographie et Boutons. Il n'y a pas de volet d'aperçu en direct — seulement une petite vignette de votre logo téléchargé.
Couleurs
Les couleurs sont groupées :
- Principal — Arrière-plan, Texte.
- Boutons — Arrière-plan, Texte.
- Secondaire — Secondaire, Texte secondaire (panneaux, sections, zones de mise en avant).
- Accent — une seule couleur d'accent pour les mises en évidence.
- Atténué — Atténué, Texte atténué (arrière-plans subtils, états désactivés).
- Autres éléments — Bordure, Arrière-plan du chronomètre, Texte du chronomètre.
- Logo — Couleur du logo, plus un bouton Arrière-plan du logo (un voile derrière le logo). Lorsqu'il est activé, vous définissez sa couleur, son opacité, son remplissage et son style de coin (carré ou arrondi).
Chaque couleur ouvre un sélecteur lorsque vous cliquez sur son nuancier.
Typographie
- Tailles de police — Display, Heading, Subheading, Body, Caption. Chaque champ est à saisie libre, vous pouvez donc utiliser rem, px ou une expression
clamp(). - Épaisseurs de police — Display, Heading, Body, chacun entre 100 et 900 (400 normal, 700 gras).
- Familles de police — Heading Font et Body Font, à choisir dans une liste fixe (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Il n'y a pas de contrôle border-radius ici.
Boutons
Malgré son nom, cet onglet contient le style des boutons ainsi que les paramètres du héros, du logo et du produit.
- Apparence du bouton — Forme (Arrondi / Carré / Pilule), Style (Plein / Fantôme), État au survol (Assombrir / Éclaircir au survol).
- Disposition du héros — Alignement vertical (Haut / Bas / Centre) et Alignement horizontal (Gauche / Centre).
- Image du logo — téléchargez une image de logo et définissez sa largeur.
- Affichage du produit — Aperçu des images (Œuvre / Produit / Mise en scène), Vignettes (Œuvre / Produit) et Produit sélectionné par défaut (Plus petit / Plus grand).
- Options supplémentaires — les boutons bascule pour une Flèche vers le bas dans l'en-tête (avec texte personnalisé), un Avertissement de faible inventaire (avec texte personnalisé) et un Affichage des frais de port (frais USA/Canada/Europe et Reste du monde).
Enregistrer
Cliquez sur Créer un style en haut à droite. (Lors de la modification d'un style existant, le bouton affiche Mettre à jour le style.) Le style est enregistré dans votre bibliothèque Page Styles et devient sélectionnable à l'étape Page Design de n'importe quel assistant drop.
Modifier plus tard
Allez dans Paramètres → Page Styles, cliquez sur le bouton Modifier d'un style, apportez vos modifications, puis cliquez sur Mettre à jour le style. Voir Comment modifier un Page Style pour plus de détails.