Storefront Customization
Make your store unique with custom branding and design.
Website Settings
Section titled “Website Settings”Access design options at Website in the sidebar.
Storefront
Section titled “Storefront”Configure your homepage:
| Section | Options |
|---|---|
| Hero Banner | Image, title, subtitle, button |
| Featured Products | Select products to highlight |
| Collections | Show collection cards |
| Layout | Grid, list, or masonry |
Appearance
Section titled “Appearance”Brand your store:
| Setting | Description |
|---|---|
| Logo | Your store logo (400x400px) |
| Favicon | Browser tab icon (32x32px) |
| Primary Color | Main brand color |
| Secondary Color | Accent color |
| Background | Page background color |
Customize navigation:
- Add menu items
- Link to:
- Collections
- Pages
- External URLs
- Drag to reorder
- Save
Create custom pages:
- About Us
- Contact
- Terms & Conditions
- Privacy Policy
- Shipping Info
Logo Guidelines
Section titled “Logo Guidelines”| Specification | Recommendation |
|---|---|
| Size | 400x400px |
| Format | PNG (transparent) |
| File size | Under 500KB |
| Style | Simple, clear |
Color Scheme
Section titled “Color Scheme”Choose colors that reflect your brand:
Suggested Palettes
Section titled “Suggested Palettes”Professional
- Primary: #2563eb (Blue)
- Secondary: #1e40af
Natural
- Primary: #059669 (Green)
- Secondary: #047857
Bold
- Primary: #dc2626 (Red)
- Secondary: #b91c1c
Elegant
- Primary: #7c3aed (Purple)
- Secondary: #5b21b6
Hero Banner
Section titled “Hero Banner”The hero section is the first thing visitors see.
Best Practices
Section titled “Best Practices”- High-quality image - 1920x600px minimum
- Clear message - One main headline
- Call to action - “Shop Now” button
- Mobile-friendly - Test on phones
Preview Mode
Section titled “Preview Mode”Before publishing changes:
- Go to Preview
- Check desktop view
- Check mobile view
- Make adjustments
- Save when satisfied