Storefront Templates Overview
Explore the 6 high-conversion storefront designs and choose the right template for your industry
How Teyweb Templates Work
Teyweb's storefront application (`frontend/apps/store`) is engineered as a dynamic, high-performance Next.js App Router application. Each store is assigned an active template in `StoreConfig.template`.
Unlike older monolithic platforms where switching a theme requires rewriting HTML or losing custom layouts, Teyweb uses an abstracted data-driven component architecture. All your products, variants, collections, custom pages, blog posts, and customer reviews remain 100% intact when you switch themes.
Zero Data Loss Guarantee
You can test and switch between any of the 6 templates at any time. Your catalog, inventory, pricing, orders, and customer accounts are completely separate from your presentation template.
Deep Dive: The 6 Built-in Themes
Teyweb offers 6 distinct visual themes engineered for different retail categories and brand personalities:
1. Modern (The Versatile Flagship)
Clean rounded geometry, prominent hero image slider, floating category pills, and multi-column grid cards. Best for high-volume general merchandise, fashion boutiques, and beauty brands looking for a sleek, contemporary feel.
2. Minimal (Luxury & Clean Aesthetics)
Generous whitespace, refined serif and sans-serif typography pairing, restrained borders, and elegant thumbnail carousels. Designed specifically for luxury jewelry, artisanal perfumes, premium apparel, and curated boutique goods.
3. Bold (High Energy & Flash Sales)
Vibrant contrasting borders, sharp geometric angles, high-impact banner marquees, and prominent call-to-action badges. Ideal for street wear, sneaker drops, sports fitness gear, and discount-driven retail.
4. Artisan (Craftsmanship & Storytelling)
Warm earth tones, textured card accents, generous brand story copy blocks, and intimate grid framing. Perfect for handcrafted leather, bespoke African crafts, home decor, and organic skincare.
5. Tech (Gadgets, Electronics & Appliances)
High-density specification badges, dark mode accent compatibility, quick comparison tags, and precise technical metadata layouts. Built for smartphones, computer accessories, solar energy, and consumer electronics.
6. Default (Rock-Solid E-commerce Baseline)
The proven, classic e-commerce layout familiar to millions of global shoppers. Clear category sidebar navigation, standard 4-column product grids, and frictionless checkout navigation.
Integrated Blog & Editorial Views
Every single template features a dedicated, beautifully styled Blog & Stories landing page (`/blogs` and `/blog`).
Articles published in your merchant dashboard automatically adapt to the typography, color palette, card styling, and header navigation of your active theme, giving your storefront an authentic editorial voice without requiring separate CMS software.
Industry Recommendation Matrix
Match your business category with the optimal pre-built template for maximum customer conversion:
| Retail Category | Recommended Template | Secondary Alternative | Core Conversion Feature |
|---|---|---|---|
| Fashion & Clothing | Modern | Bold | Rich variant thumbnail swatches & lookbooks |
| Jewelry & Luxury Goods | Minimal | Artisan | Distraction-free high-resolution zoom |
| Electronics & Mobile Phones | Tech | Default | Detailed specs & warranty badges |
| Food, Groceries & FMCG | Default | Modern | Fast add-to-cart & compact product cards |
| Handmade Crafts & Furniture | Artisan | Minimal | Storytelling blocks & artisan bio cards |
| Sneakers & Streetwear | Bold | Modern | Flash sale countdowns & urgent stock tags |
Switching Templates Safely
To change your active storefront template:
1. In your merchant dashboard, go to Storefront > Templates (or Settings > Templates).
2. Browse the interactive gallery cards showing live preview screenshots of each theme.
3. Click "Preview" to inspect how your current products look inside that theme in a sandbox preview.
4. Click "Activate Template". The change is applied instantly to your live store with zero downtime.
Mobile First & Performance
Over 85% of African e-commerce traffic originates from mobile smartphones on 3G and 4G networks. Every Teyweb template is built mobile-first:
- Sticky bottom navigation bar with instant access to Cart and Categories.
- Touch-friendly button sizes (minimum 48px tap targets).
- Automatic next-gen image compression (WebP/AVIF via Cloudflare) to ensure pages load in under 1.8 seconds even on slow mobile data connections.
Was this guide helpful?
Help us improve our merchant documentation by sharing your feedback.