Aller au contenu principal

Thème Digital

Le thème Digital est la boutique la plus populaire de DZBuild — moderne, animée, mobile-first, conçue pour donner à votre boutique le ressenti « app premium » qu'attendent les acheteurs algériens en tech, mode et beauté.

Points forts​

  • Header sticky avec compteur panier, recherche et sélecteur de langue
  • Hero animé — image / vidéo / carrousel de produits en rotation auto
  • Grille produits soignée — 2/3/4 colonnes, prévisualisation au hover, badges optionnels (promo, nouveau, best-seller)
  • Sélecteur de variantes en 2 étapes (avec l'addon Variantes Produit Digital) — aperçus image, pastille de prix, défile la galerie jusqu'à l'image de la variante sélectionnée
  • Navigation bottom-nav sur mobile (Accueil, Catégories, Recherche, Panier, Compte)
  • Mode sombre optionnel
  • Panier slide-in avec textes localisés FR / AR / EN

Idéal pour​

  • Téléphones, ordinateurs, accessoires, gadgets
  • Sneakers, streetwear, sportswear
  • Beauté + cosmétiques
  • Tout ce qui profite d'une bonne photographie + animation fluide

Où personnaliser​

Le thème Digital a sa propre page de personnalisation à Tableau de bord → Personnaliser → Digital (/dashboard/customize/digital). Elle expose des options spécifiques à Digital en plus des contrôles partagés de /dashboard/customize :

  • Slot hero — image unique, vidéo unique, ou carrousel de produits en rotation auto.
  • Couleur du CTA hero + forme du bouton (arrondi / pilule / sharp).
  • Uploader de bannière — Digital a un endpoint dédié ; uploadez depuis cette page.
  • Border radius des cartes — sharp ou arrondi.
  • Colonnes de la grille produits — 2 / 3 / 4 (desktop). Sur mobile c'est toujours 2.
  • Toggle bottom-nav mobile — gardez la nav du bas, ou repassez à un menu burger.

Pour téléverser une bannière, la page appelle /dashboard/customize/digital/upload-banner en arrière-plan — pas de manipulation manuelle, juste glisser-déposer.

Variantes sur le thème Digital​

Digital est construit autour de l'accordéon de variantes en 2 étapes, disponible quand vous installez l'addon Variantes Produit Digital. Le pattern :

  1. Le client ouvre la page produit et voit une liste de groupes de variantes (par exemple Couleur → Taille).
  2. Chaque option s'affiche comme une carte avec une image d'aperçu, un nom, et une pastille de prix qui montre le prix final (prix de base + le price_adjustment de l'option).
  3. Quand le client choisit une option liée à une image produit, la galerie défile automatiquement jusqu'à cette image.
  4. Une fois le premier groupe choisi, le second groupe s'ouvre.

Ce pattern gère les types de variantes color, text et image_text. Marquez les options qui ont besoin d'un poids visuel supplémentaire (par ex. couleurs mode, sélecteurs de marque) avec show as card dans l'éditeur produit.

Voir le guide des variantes pour configurer vos variantes.

Addons recommandés​

Conseils​

  • Gardez la vidéo hero courte (≤ 8 s, en boucle, muette) — les longues vidéos en autoplay tuent la vitesse de chargement sur les réseaux algériens.
  • Pour les grilles, 3 colonnes est le sweet spot sur desktop ; 4 seulement si vos photos sont nettes et recadrées de manière cohérente.
  • Utilisez la pastille de prix comme accroche — montrez en premier la variante au prix le plus attractif. Le client clique pour comparer.
  • La bottom-nav sur mobile garde l'accès permanent au panier — ne la désactivez pas sauf raison vraiment précise.