Skip to main content

Weaverse Features

Discover the powerful features that make Weaverse the leading solution for Shopify Hydrogen theme development.

Core Features

Global Sections

Create reusable headers, footers, and other sections that appear across multiple pages. Build dynamic navigation systems with Shopify menu integration and custom routing.

Markets & Localization

Support multiple markets, currencies, and languages in your storefront.

Custom Pages & Custom Routing

Build root-level Weaverse pages in Studio and map any URL structure to them.

Page SEO

Render the per-page SEO metadata merchants edit in Studio.

Third-Party Integrations

Connect with external services, analytics, and marketing tools.

Installable Mobile App (PWA)

Let shoppers install your storefront as a home-screen app on iOS and Android, branded from theme settings.

Content Security

Implement robust Content Security Policy (CSP) for enhanced security.

Visual Builder Features

  • Drag & Drop Interface: Intuitive page building without code
  • Live Preview: See changes instantly across all device sizes
  • Component Library: Pre-built components ready for customization
  • Style Variations: Quick styling options and theme presets
  • Responsive Design: Mobile-first editing with device-specific settings

Developer Features

  • React Router v7: Latest routing capabilities with type safety
  • TypeScript Support: Full type safety and excellent developer experience
  • Hot Reload: Instant updates during development
  • Schema Validation: Automatic validation of component configurations
  • Performance Optimization: Automatic image optimization and lazy loading

E-commerce Features

  • Shopify Integration: Native support for products, collections, and cart
  • SEO Optimization: Built-in meta tags, structured data, and sitemaps
  • Multi-Currency: Automatic currency conversion and display
  • Product Variants: Advanced variant selection and pricing
  • Checkout Integration: Seamless Shopify checkout experience

Customization Features

  • Theme Settings: Global configuration options
  • Color Palettes: Brand-consistent color management
  • Typography: Google Fonts integration and custom typography
  • Custom CSS: Advanced styling capabilities
  • Component Overrides: Extend or replace default components

Performance Features

  • Server-Side Rendering: Fast initial page loads
  • Edge Caching: Cached page and section data at the edge via Hydrogen’s cache strategies
  • Image Optimization: Automatic WebP conversion and responsive images
  • Code Splitting: Load only what’s needed for each page
  • Caching: Intelligent caching at multiple levels

Also Available

  • A/B Testing: Run project-level experiments — see the Multi-Project Architecture guide
  • Version History: Review and restore previously saved page versions from Studio

Coming Soon

  • Analytics Dashboard: Performance and user behavior insights
  • Collaboration Tools: Team editing and approval workflows
Explore each feature in detail to unlock the full potential of your Weaverse themes!