Le personnalisateur DZBuild est un éditeur en direct : modifiez un réglage à gauche, regardez l'aperçu de la boutique se mettre à jour à droite.

Il n'y a qu'une seule page de personnalisation : barre latérale Personnaliser la boutique → Personnaliser (/dashboard/customize). Elle fonctionne pour tous les thèmes.

Les options propres à un thème apparaissent comme sections supplémentaires à l'intérieur de cette page une fois le thème actif — Prestige, par exemple, ajoute Hero, Catégories, Mis en avant, Bannière, Marque et Témoignages. Il n'y a pas de page /dashboard/customize/prestige. Un ancien éditeur autonome existe à /dashboard/customize/digital pour les boutiques Digital, mais il n'est lié depuis aucun menu du tableau de bord et redirige vers /dashboard/customize si votre thème n'est pas Digital.

La page est organisée en ces sections, plus celles qu'ajoute votre thème actif :

Non disponible : il n'y a pas d'uploader d'image sociale/OG (votre logo est l'image de partage), pas de police Inter ou Roboto, pas de police de titres séparée, pas de vidéo hero, pas de sélecteur de produits pour le bloc « mis en avant » (utilisez l'interrupteur Mis en avant sur chaque produit — la page d'accueil en affiche 8 au maximum), pas de réglage des textes du popup panier, pas de contrôle du menu mobile et pas d'icônes de paiement en pied de page. Les thèmes dotés d'une barre de navigation mobile en bas sont Brico, Started V2 (showcase) et Bloom ; tous les autres, Digital compris, utilisent le tiroir hamburger partagé.

La page produit peut porter un formulaire de commande intégré, pour qu'un client n'ait jamais à passer par le panier. Ses réglages se trouvent dans la section Page produit : afficher/masquer le Fast Checkout (Pro), son titre, le texte de son bouton, sa couleur de fond, la couleur du bouton, la couleur du bouton Acheter maintenant, l'affichage d'un champ de notes, la mise en page sur une colonne, les icônes de champs, et le masquage du champ adresse.

Le style visuel du formulaire est un choix distinct, sur Tableau de bord → Thèmes → Fast Checkout (Classique = Gratuit, Commerce = Pro, Editorial = Illimité, Compact et Stepper = Entreprise).

Vous voyez le changement instantanément dans l'aperçu, et les visiteurs le voient normalement quelques secondes après votre clic sur Enregistrer. S'il n'apparaît pas de votre côté, c'est presque toujours le cache de votre propre navigateur — rechargez de force ou ouvrez une fenêtre privée.

Glissez-déposez ou cliquez sur n'importe quel contrôle d'image pour téléverser — logo, hero, hero mobile, favicon et bannières fonctionnent tous de la même façon, et les bannières promo et slides hero du thème Digital ont leur propre uploader dans les sections Digital.

Les images téléversées sont hébergées et diffusées pour vous via le CDN d'images de DZBuild. Les images hero, les bannières promo, les tuiles de catégories, les grilles produits des thèmes et votre logo d'en-tête sont automatiquement redimensionnés à la taille à laquelle ils s'affichent, et les bannières sont en plus compressées en WebP (max 2000 px) au téléversement : un fichier source lourd n'est donc pas un problème. Le favicon est le seul asset servi exactement tel qu'il a été téléversé, ce qui explique pourquoi sa taille doit correspondre à l'une des valeurs acceptées — voir Identité visuelle.

🛑 Important — Réinitialiser supprime vos images téléversées

Tableau de bord → Personnaliser → ↺ Réinitialiser (/dashboard/customize/reset) restaure un jeu de valeurs par défaut figé, de style Starter — primaire ambre #f59e0b, fond blanc, police Cairo, titres arabes par défaut — quel que soit le thème sur lequel vous êtes. Cette action ne restaure pas la palette propre à votre thème.

Elle supprime aussi définitivement du stockage votre logo, votre favicon et votre image hero desktop, et efface le CSS personnalisé, le texte d'annonce et vos textes de hero / sections / pied de page. Produits, commandes et clients ne sont pas touchés, mais vos éléments de marque sont perdus et devront être téléversés à nouveau.

Chaque thème ajoute ses propres sections à la page de personnalisation :

L'arrondi des cartes, le style de la navbar et les réglages du pied de page sont des options cœur, disponibles sur tous les thèmes. La densité de grille (2 / 3 / 4 colonnes) n'est configurable sur aucun thème.

Voir les docs par thème pour l'allure de chacun.

Les boutiques Pro, Illimité et Entreprise peuvent faire glisser les blocs de la page produit dans l'ordre de leur choix depuis la page de personnalisation : galerie, catégorie, titre, prix, offres, variantes, addons, boutons d'achat, fast checkout, description. Un lien de réinitialisation les remet dans l'ordre par défaut.

Le plan Entreprise expose un champ CSS personnalisé. Tout ce que vous y mettez est chargé après la feuille de style du thème, donc vos règles ont priorité.

⚠️ Attention

Le CSS personnalisé est puissant mais facile à casser. Si votre boutique paraît cassée après une modification CSS, videz le champ et sauvegardez pour revenir en arrière — il n'y a aucune modification destructive.

👉 Débutant en CSS, ou vous voulez des extraits prêts à coller ? Lisez le guide CSS personnalisé — un cours complet sur le fonctionnement du CSS, l'aide-mémoire des sélecteurs de la boutique DZBuild, et des dizaines de modèles prêts à l'emploi (boutons, cartes, polices, ajustements mobiles, et plus).