📄️ Overview
Wave takes inspiration from Shopify's Horizon theme architecture — the powerful block-based design system that enables deep nesting and modular layouts. However, Wave is built entirely from scratch using our own XO Web Components framework. No Horizon theme code is used. Every component, section, and block is original code, purpose-built for Wave.
📄️ Block Settings
Every block in Wave shares a set of common settings that control its appearance, layout, and behavior. These settings ensure consistent design control across all block types.
📄️ Basic Blocks
Basic blocks are the fundamental content elements in Wave. These are the blocks you'll use most often to build your store's pages.
📄️ Layout Blocks
Layout blocks are container blocks that organize and arrange other blocks. They are the backbone of Wave's flexible layout system, allowing you to create complex multi-column layouts, carousels, and grids without coding.
📄️ Product Blocks
Product blocks are specialized for displaying e-commerce content — product cards, pricing, variant pickers, and add-to-cart functionality.
📄️ Article Blocks
Article blocks are designed for displaying blog content — article cards, titles, descriptions, and media. Use them to showcase your blog posts throughout the store.
📄️ Collection Blocks
Collection blocks display your store's collections — collection cards, images, titles, and product counts. Use them to help customers browse and discover your product categories.