Key Concepts

📄️ Theme Page

Learn how theme pages work as React components mounted at route level by the Fynd theme rendering engine. Covers custom templates, marketing pages, system pages, section pages, and static methods like ServerFetch and AuthGuard. All theme pages must be exported from the bootstrapping function in index.jsx.

📄️ Theme Canvas

Canvas regions let partners define customizable layout areas on Fynd Commerce theme pages that group related sections together. Learn responsive canvas layouts per screen size, theme editor integration, and common mistakes when defining canvases. Partners control canvas structure; sellers customize content within each canvas.

📄️ Theme Sections

Theme sections are reusable React components that sellers customize through the theme editor. Learn section anatomy, settings configuration, SectionRenderer, blocks, and input types for building flexible storefront layouts. Each section requires named exports for Component and settings schema.

📄️ Theme Blocks

Theme blocks represent content and settings within section block arrays in Fynd Commerce themes. Understand block fields including name, type, and props, and how blocks enable configurable content in the theme editor. Blocks are accessed through component props within section components.