Personnalisation de la boutique
Le personnalisateur DZBuild est un éditeur en direct côte à côte. Faites un changement → voyez-le instantanément sur les aperçus bureau + mobile.
🎬 Vidéo — visite complète de la personnalisation
Ce que vous pouvez personnaliser
| Section | Contrôles |
|---|---|
| Identité visuelle | Logo, favicon, image OG, couleurs de marque, polices |
| En-tête | Position du logo, recherche, sélecteur de langue, icône panier |
| Hero | Image/vidéo, titre, sous-titre, bouton CTA, lien cible |
| Bannières | 1–3 bannières promotionnelles (rotatives) |
| Produits mis en avant | Choisissez quels produits apparaissent en page d'accueil |
| Catégories | Bloc catégories mises en avant |
| Pied de page | Colonnes, liens, réseaux sociaux, icônes de paiement, contact |
| Menu mobile | Navigation inférieure OU hamburger |
| CSS personnalisé (Pro) | Injectez n'importe quel CSS pour remplacer les styles |
Workflow
- Ouvrez Tableau de bord → Personnaliser.
- Le panneau gauche contient tous les contrôles ; le panneau droit montre l'aperçu en direct.
- Basculez entre les vues bureau et mobile en haut.
- Cliquez Enregistrer quand satisfait. Les changements sont en ligne en ~2 secondes.
- Utilisez Annuler pour revenir en arrière sur les changements non sauvegardés.
Versioning
Chaque sauvegarde crée un instantané. Le plan Pro peut revenir aux versions précédentes depuis l'onglet Historique.
Options spécifiques au thème
Chaque thème expose quelques réglages supplémentaires (ex. nav inférieure de Digital, overlay hero de Prestige). Voir la doc par thème.
Exemples CSS personnalisé (Pro)
/* Rendre tous les boutons "Acheter" arrondis */
.btn-buy { border-radius: 999px; }
/* Masquer la barre de recherche sur mobile */
@media (max-width: 768px) {
.header-search { display: none; }
}
attention
Le CSS personnalisé est puissant mais peut casser des choses. Si votre boutique semble cassée après une modification CSS, videz le champ et Enregistrez pour revenir en arrière.