Aller au contenu principal

Vue d'ensemble des thèmes de boutique

DZBuild propose 5 thèmes officiels. Chacun est une expérience de boutique complète — header, hero, grille produits, page produit, popup panier, checkout, footer, navigation mobile. Ce guide résume à quoi chaque thème excelle ; vous pouvez basculer entre eux à tout moment depuis Tableau de bord → Thèmes.

En un coup d'œil

SlugThèmeIdéal pourPoints forts
starterStarterNouvelles boutiques, catalogues simplesClair, minimal, très rapide sur mobile
digitalDigitalTech, électronique, mode, beautéModerne, animé, hero riche, navigation bottom-nav, accordéon variantes
bricoBricoQuincaillerie, outillage, B2BGrille dense, cartes riches, adapté aux nombreux SKU
prestigePrestigeMode, bijoux, luxeAéré, typographie premium, hero photographique
showcaseShowcaseMono-produit, hero campaignsStorytelling, images plein écran, parfait pour campagnes

Comment choisir

  • Surtout un produit phare → Showcase. Toute la page d'accueil devient l'histoire du produit.
  • Beaucoup de SKU dans une catégorie utilitaire (quincaillerie, cuisine, automobile, matériaux) → Brico. La grille est faite pour la haute densité.
  • Tech / électronique / streetwear → Digital. L'animation et les couleurs marchent bien dans ces catégories, et l'accordéon variantes (avec l'addon Variantes Produit Digital) gère élégamment les sélecteurs complexes.
  • Mode / beauté / bijoux / cadeaux → Prestige. Layout photographique aéré.
  • Autre chose ou indécis → Starter. Neutre et rapide ; vous changez plus tard quand vous savez quel type de catalogue vous avez.

Changer de thème

Tableau de bord → Thèmes (/dashboard/themes). Sélectionnez un thème, cliquez sur Appliquer. Le nouveau thème commence à servir en quelques secondes.

Aucune donnée n'est perdue lors d'un changement :

  • Produits, catégories, commandes, clients, addons, domaines, paiements, livraison — tout est préservé.
  • Les personnalisations spécifiques au thème (bannières, textes hero, couleurs propres au thème) sont conservées par thème. Revenez plus tard et votre ancien setup réapparaît.

Pour les détails par thème, consultez les guides dédiés :

Différences sous le capot

Pour les développeurs et partenaires agences qui lisent ces docs : chaque thème a son propre arbre de templates sous views/storefront/themes/{slug}/. La page d'accueil, la page produit et les partials sont spécifiques au thème, même si certains partials partagés (navbar, footer, popup panier) sont réutilisés. Certains thèmes maintiennent leur état panier sous des formes légèrement différentes — Prestige notamment utilise un fetcher distinct des autres — mais en tant que marchand c'est invisible : panier, checkout et commandes se comportent de la même manière quel que soit le thème.

Une fois le thème choisi

Personnalisez les couleurs, bannières, hero, footer et navigation mobile depuis Tableau de bord → Personnaliser. Voir personnalisation de la boutique pour la liste complète des contrôles.