DZBuild propose 7 thèmes sélectionnables. Un thème définit toute l'allure de votre page d'accueil — en-tête, hero, grille produits, sections et pied de page. Choisissez celui qui correspond à votre catalogue, puis personnalisez les couleurs, bannières et textes depuis le tableau de bord.
🎬 Vidéo — démonstration de personnalisation
Les 7 thèmes
Slug | Affichage | Plan | Idéal pour | Style |
| Starter | Gratuit | Nouvelles boutiques, catalogues simples | Clair, minimal, très rapide |
| Digital | Gratuit | Produits digitaux uniquement — recharges de jeux, licences logicielles, cartes cadeaux, e-books, services en ligne | Sombre, moderne, dense en produits |
| Brico | Gratuit | Boutiques techniques, quincaillerie, artisanat | Grandes tuiles de catégories, filtres, barre de navigation mobile en bas |
| Started V2 | Pro | Catalogues de marque multi-catégories | Hero pleine largeur, bannière promo, carrousel de produits mis en avant, badges de confiance |
| Prestige | Illimité | Mode, bijouterie, luxe | Spacieux, typographie premium |
| Promobi | Entreprise | Marques streetwear / mode | Monochrome, bandeaux marquee défilants, titre de marque géant en contour, logo centré dans la nav |
| Bloom | Illimité | Beauté et cosmétiques | Hero rose pleine largeur avec badge, pastilles de catégories rondes, carrousel « Choisi pour vous », cartes douces arrondies |
⚠️ Attention — Digital change le mode de la boutique, ce n'est pas un simple habillage
Activer Digital convertit votre boutique en mode produits digitaux. La boutique cesse alors de collecter wilaya / commune / adresse, et les tarifs de livraison, l'intégration coursier et le paiement à la livraison sont désactivés. Ne le choisissez pas pour des produits physiques — pour la tech et le streetwear, prenez Showcase ou Promobi, et pour la beauté, Bloom.
⚠️ Attention — Les thèmes au-dessus de votre plan
showcase est Pro, prestige et bloom sont Illimité, promobi est Entreprise. Votre thème continue de s'afficher même si le plan expire — la mise en page n'est pas réinitialisée. Ce qui change, c'est le jeu de couleurs par défaut du thème : la couche de couleurs retombe sur les valeurs par défaut de Starter pour toute couleur que vous n'avez jamais définie vous-même, et la carte du thème reste verrouillée dans le sélecteur jusqu'à ce que vous remontiez de plan.
Le slug est le nom court du thème ; le sélecteur, lui, affiche le nom d'affichage.
Où changer de thème
Tableau de bord → Thèmes (/dashboard/themes). Cliquez sur Activer ce thème sur la carte du thème. Les thèmes au-dessus de votre plan affichent un badge cadenas et un lien Mettre à niveau vers /dashboard/subscribe. Choisir Digital ouvre une fenêtre de confirmation (avec 10 secondes d'attente avant que le bouton de confirmation se débloque) précisant que ce thème est réservé aux produits digitaux.
Cette page comporte trois onglets, pas un seul :
Onglet | Ce qu'il définit |
Boutique / المتجر | Les 7 thèmes ci-dessus |
Fast Checkout / الطلب السريع | L'apparence du formulaire de commande intégré à la page produit |
Variantes / المتغيرات | L'apparence des cartes d'options de variantes sur la page produit |
Thèmes Fast Checkout
Thème | Plan | Style |
Classique | Gratuit | Design par défaut du fast checkout — champs clairs, couleurs personnalisables |
Commerce | Pro | Look e-commerce à la Shopify — champs spacieux, cartes de livraison, bouton d'achat vert |
Editorial | Illimité | Esthétique magazine — serif éditorial, filets fins, fond crème |
Compact | Entreprise | Mise en page B2B dense au-dessus de la ligne de flottaison — IBM Plex, angles nets |
Stepper | Entreprise | Formulaire guidé en 3 étapes avec barre de progression et validations |
Styles de variantes
Douze styles pour les cartes d'options de variantes, plus l'option gratuite Default (aucun style ajouté) sur laquelle démarre chaque boutique :
Plan | Styles |
Pro | Minimal, Clay, Softplay, Stacked |
Illimité | Editorial, Material, Offer |
Entreprise | Brutal, Glass, Luxe, Mashrabiya, Pixel |
Personnaliser le thème que vous utilisez
Tableau de bord → Personnaliser (/dashboard/customize). Il n'existe aucune page /dashboard/customize/prestige — les options de Prestige (hero, catégories, mis en avant, bannière, marque, témoignages) apparaissent comme des sections supplémentaires dans la page de personnalisation normale une fois Prestige actif, et tous les autres thèmes fonctionnent de la même façon. Une ancienne URL autonome /dashboard/customize/digital existe encore, mais elle n'est liée depuis aucun menu et redirige vers /dashboard/customize si votre thème n'est pas Digital.
Ce que chaque thème vous laisse personnaliser
La page de personnalisation (/dashboard/customize) couvre les bases pour tous les thèmes :
En-tête et Logo — logo et favicon (Pro+ pour le favicon). Il n'y a pas d'image sociale distincte : votre logo est réutilisé comme image de partage.
Couleurs et police — primaire, secondaire, fond (Pro+), titres de sections (Pro+), police (Cairo / Tajawal / Almarai), style de bouton. Aperçu en direct.
Hero — images hero desktop et mobile, plus titre, sous-titre et texte/lien du bouton d'action. Pas de vidéo hero.
Bannières — une bannière promo sur Showcase, Prestige et Bloom ; deux bannières plus un slider hero de 3 slides sur Digital ; aucune sur Starter, Brico ou Promobi.
Produits / catégories mis en avant — vous pouvez activer ou masquer les blocs et les renommer. Quels produits apparaissent se règle avec l'interrupteur Mis en avant sur chaque produit dans l'éditeur de produit, et la page d'accueil en affiche 8 au maximum. Les catégories viennent de la page Catégories.
Ordre de la page produit (Pro+) — faites glisser les blocs de la page produit (galerie, catégorie, titre, prix, offres, variantes, addons, boutons d'achat, fast checkout, description) dans l'ordre que vous voulez.
Pied de page — couleur (Pro+), texte « À propos », copyright, liens sociaux (WhatsApp, Facebook, Instagram, TikTok, Telegram, GitHub), un lien personnalisé, et un interrupteur « masquer la marque DZBuild » sur Illimité+.
Les textes du popup panier sont des textes fixes de la plateforme, dans la langue unique de la boutique (arabe ou français, réglée sous Personnaliser → Langue de la boutique), et ne sont pas modifiables par le marchand.
Les extras propres à un thème apparaissent comme sections supplémentaires dans cette même page de personnalisation, une fois le thème actif.
Changer de thème — ce qui suit et ce qui ne suit pas
Vos produits, catégories, commandes, clients, addons, domaines, paramètres de paiement et de livraison restent exactement en place quand vous changez de thème.
Le titre / sous-titre / bouton du hero, les titres de sections, l'image de bannière, vos couleurs et vos produits mis en avant sont stockés sur la boutique, pas sur le thème — ils suivent directement et vous n'avez rien à ressaisir. Un thème sans emplacement de bannière (Starter, Brico, Promobi) n'en affiche simplement pas, et le hero de Starter n'a pas de champ de lien pour le bouton d'action.
Seules les données de mise en page propres au thème Digital — slides du slider hero, les deux bannières promo, la bande de catégories, les meilleures ventes, les populaires par catégorie et le bloc multi-colonnes — sont stockées séparément, et elles sont conservées intactes : revenir sur Digital les restaure.
Deux exceptions au principe « les thèmes ne touchent que la présentation » :
Passer à Digital convertit votre boutique en mode produits digitaux et réécrit toute couleur encore à sa valeur par défaut vers la palette sombre de Digital (fond blanc →
#0a0a1a, barre de navigation blanche →#0f0f23, pied de page#1f2937→#06060f, titres de sections et texte de nav sombres → clairs). Les couleurs que vous avez choisies vous-même ne sont pas touchées, et vos couleurs primaire / secondaire non plus.Faire passer une boutique Digital vers un autre thème la reconvertit en boutique physique — les pages de produits digitaux, le flux de commande digital et les parcours de paiement digitaux cessent de fonctionner tant que vous n'y revenez pas.
💡 Astuce — Digital et le blanc pur
Digital est un thème sombre : il force le retour à ses valeurs sombres par défaut si vous choisissez un fond ou une barre de navigation en blanc pur. Si vous voulez un fond clair sur Digital, utilisez un blanc cassé comme #fefefe — celui-là tient.
Addons liés à un thème
Certains addons sont conçus autour d'un thème précis :
L'addon Digital Product Variants (plan Pro, thème Digital uniquement) remplace le sélecteur de variantes de Digital par un accordéon repliable où chaque option affiche son nom, son prix final (prix de base + ajustement) et — pour les variantes de couleur portant un code couleur — une pastille de couleur. Il n'affiche pas d'images d'aperçu par option ; il les supprime même, car le sélecteur natif de Digital affiche déjà une vignette et une pastille de prix pour toute option marquée afficher comme carte, et l'addon masque ce sélecteur natif pour reconstruire l'interface lui-même. Voir le guide du thème Digital.
L'addon Stop Desk Selector ajoute un sélecteur de point de retrait structuré au checkout, quel que soit le thème.
Voir la section addons pour le catalogue complet.
CSS personnalisé
Le plan Entreprise expose un champ CSS personnalisé dans la page de personnalisation. Le CSS que vous y mettez est chargé après la feuille de style du thème, donc vos règles gagnent. Voir le guide CSS personnalisé pour des modèles et une initiation.
/* Arrondir les boutons "ajouter au panier" des grilles produits */
.add-to-cart { border-radius: 999px; }/* Coins plus doux sur les cartes produit */
.product-card { border-radius: 16px; }
Les sélecteurs de la barre de recherche et du hero sont propres à chaque thème et limités à la page d'accueil — .brico-search, .sc-search (Showcase et Bloom), .pr-search, .pm-search, .mobile-search (Starter et Digital) — inspectez donc votre propre boutique avant d'écrire une règle qui les vise. .btn-primary n'existe que sur la page de confirmation de commande, pas sur les boutons que la plupart des marchands veulent restyler.
Si une modification CSS casse l'apparence de votre boutique, videz le champ et enregistrez pour revenir en arrière — rien n'est destructif.
Questions fréquentes
Q : Vais-je perdre mes données en changeant de thème ? R : Non. Produits / commandes / paramètres sont conservés. Les deux exceptions ci-dessus ne concernent que Digital.
Q : Mon domaine personnalisé continuera-t-il à fonctionner ? R : Oui. Les domaines sont liés à votre boutique, pas à votre thème.
Q : Puis-je revenir à mon thème précédent ? R : Oui — les textes du hero, les titres de sections, les bannières et les couleurs sont partagés entre thèmes, donc votre mise en page revient. Une réserve : si vous essayez Digital puis revenez en arrière, toutes les couleurs encore à leur valeur par défaut auront été réécrites vers la palette sombre de Digital et ne seront pas restaurées. Reréglez à la main vos couleurs de fond, de barre de navigation, de pied de page, de titres de sections et de texte de nav. (Réinitialiser le ferait aussi, mais rappelez-vous que Réinitialiser supprime définitivement votre logo, votre favicon et votre image hero téléversés.)
Q : Puis-je créer mon propre thème ? R : Uniquement les thèmes officiels pour l'instant. La page de personnalisation + le CSS personnalisé couvrent la plupart des besoins ; pour un design entièrement sur mesure, parlez-en au support au sujet du plan Entreprise.