Why Guppy? β
Guppy is more than just another Shopware 6 theme β it's a thoughtfully designed theme framework that fundamentally improves how you develop Shopware projects.
The Problem with Standard Themes β
When working with the Shopware standard theme, you quickly encounter challenges:
- Bloated Code: Many CSS definitions you don't need
- Complex Customizations: Even small design changes require deep interventions
- Accessibility: Implemented as an afterthought, not built-in from the ground up
- Inconsistent Structure: Difficult to maintain for larger projects
- Limited Configuration: Many customizations only possible through code
The Guppy Solution β
π Developer Efficiency First β
Problem solved: Hours of setup time and repetitive boilerplate work
Guppy provides you with:
- Child theme in seconds: One console command and you're ready to go
- Extensive configuration: Changes without code modifications
- Thoughtful architecture: Modular SCSS structure, clearly organized templates
- Console commands: Automated workflows for recurring tasks
The result: Focus on what really matters β your project's unique features.
βΏ Accessibility Out of the Box β
Problem solved: Retrofitting accessibility is expensive and error-prone
Guppy makes accessibility the standard:
- WCAG 2.1 Level AA compliant: Out of the box
- Screen-reader optimized: Semantic HTML and ARIA labels
- Keyboard navigation: Full keyboard control everywhere
- Focus management: Consistent, highly visible focus styles
- Touch optimization: Minimum 44px touch targets
The result: Your shop is inclusive and reaches more customers β without extra effort.
β‘ Performance Without Compromise β
Problem solved: Heavy themes with long load times
Guppy is optimized for speed:
- Lean CSS base: No Shopware standard bloat
- Optimized build pipeline: Modern compilation processes
- Lazy loading: Images and assets loaded intelligently
- Responsive images: Automatically optimized image sizes
- JavaScript efficiency: Modern ES6+ plugins instead of legacy code
The result: Faster load times = better conversion rates.
π¨ Flexibility Meets Structure β
Problem solved: Either completely rigid or chaotically customizable
Guppy offers the perfect balance:
- Multiple header and footer variants: Pre-configured but customizable
- Flexible design system: Bootstrap-based with custom extensions
- Responsive Line Heights (RLH): Automatic adjustments across all viewports
- Custom properties: Extended variables for maximum control
The result: Start quickly, customize endlessly.
Concrete Daily Benefits β
For Developers β
β Faster start: Child theme setup in under 2 minutes β Less code: Many customizations via configuration instead of code β Better maintainability: Clear structure, documented patterns β Modern stack: SCSS, ES6+, modular architecture β Comprehensive docs: Everything you need, documented
For Agencies β
β Scalable projects: Proven architecture for teams β Reusable patterns: Efficiency across projects β Plugin ecosystem: Extended features on-demand β Professional support: Maintained by digital.manufaktur β Update compatibility: Compatible with Shopware updates
For Shop Owners β
β Reach more customers: Accessible shops for everyone β Better performance: Faster shops = higher conversion β Future-proof: Regular updates and maintenance β Flexibly customizable: New features without complete redevelopment β SEO-friendly: Clean code, fast load times
Numbers That Convince β
| Feature | Guppy | Standard Theme |
|---|---|---|
| Configuration Options | Extensive | Basic |
| Header Variants | Multiple | 1 |
| Footer Variants | Flexible | 1 |
| WCAG 2.1 Level AA | β | β οΈ Partial |
| CSS Size (compiled) | ~30% smaller | Baseline |
| Performance Score | 95+ | ~75-85 |
| Responsive Line Heights | β | β |
| Plugin Ecosystem | β | Limited |
The Guppy Ecosystem β
Guppy is not just a theme, but a complete ecosystem:
π¨ Core Theme β
The base theme with all essential features
π Official Plugins β
- Emotionworld Elements: Extended CMS elements
- Custom Fonts: Integrate custom webfonts
- Custom Grid: Numerous CMS grid layouts
- Dropdown Navigation: Accessible mega navigation
π Documentation β
Comprehensive guides for setup, development, and best practices
π οΈ Developer Tools β
Console commands for recurring tasks
π₯ Community & Support β
Professional support from digital.manufaktur
Ready for the Next Step? β
See for yourself what Guppy can do:
- Quick Start β Get started in minutes
- Explore Features β All features at a glance
- Documentation β Complete introduction
Developed and maintained by digital.manufaktur GmbH