Storefront customization
DZBuild's customizer is a live, side-by-side editor. Make a change → see it instantly on desktop + mobile previews.
🎬 Video — full customization walkthrough
What you can customize
| Section | Controls |
|---|---|
| Branding | Logo, favicon, OG image, brand colors, fonts |
| Header | Logo position, search, language switcher, cart icon |
| Hero | Image/video, headline, sub-headline, CTA button, link target |
| Banners | 1–3 promotional banners (rotating) |
| Featured products | Pick which products show on homepage |
| Categories | Featured categories block |
| Footer | Columns, links, social, payment icons, contact |
| Mobile menu | Bottom nav OR hamburger |
| Custom CSS (Pro) | Inject any CSS to override |
Workflow
- Open Dashboard → Customize.
- The left panel has all controls; the right panel shows live preview.
- Toggle between desktop and mobile views at the top.
- Click Save when happy. Changes go live in ~2 seconds.
- Use Discard to roll back unsaved changes.
Versioning
Every save creates a snapshot. Pro plan can revert to previous versions from the History tab.
Theme-specific options
Each theme exposes a few extra knobs (e.g. Digital's mobile bottom nav, Prestige's hero overlay). See the per-theme docs.
Custom CSS examples (Pro)
/* Make all "Buy now" buttons rounded */
.btn-buy { border-radius: 999px; }
/* Hide the search bar on mobile */
@media (max-width: 768px) {
.header-search { display: none; }
}
warning
Custom CSS is powerful but can break things. If your storefront looks broken after a CSS edit, clear the textarea and Save to revert.