Key Concepts

📄️ Theme Page

Theme Pages are React components which are mounted at route level by the Theme rendering engine. These components supports adding static methods like ServerFetch and AuthGuard. All Theme pages must be returned from the bootstrapping function in index.jsx file.

📄️ Theme Canvas

The partners can create multiple regions on a page and each region is called Canvas. Each canvas functions as a customizable area on the page that groups related sections together. Canvas enables better layout control and improves visual organization across different screen sizes. These canvases are typically associated with a specific page (such as the home, product and, cart) and act as containers to organize sections more intuitively.

📄️ Theme Sections

Sections are reusable UI components that sellers can customized. Section files are present inside the sections folder of a theme.

📄️ Theme Blocks

A block represents the content and settings of a single block in an array of section blocks. The block object is available through the component props in the section.