Anatomy of Theme

A theme consists of templates, sections and bocks that combined together to make a theme. Theme code is organized with a typical directory structure with your code files as well as supporting assets such as images, stylesheets, and scripts.

If you build a theme for the Fynd Cpmmerce, you need to add a bare minimum set of features to your theme to be able to publish it on the marketplace.

Structure of a Theme

Each theme page is organized as below:

1. Pages
2. Sections
3. Blocks

Figure 1: Page Skeleton

Each theme contains different templates to display different pages such as home, product-listing, or cart pages. In case of an action being performed by a theme such as adding an item to cart, there are special components called action components that are available across all pages and components of a theme. These components are prefixed with fdk.

Allowing for Sellers Customization

Sellers can customise their theme from the Fynd Commerce using theme editor. Refer to theme editor for more details. Developers can provide different customization options such as:

1. Making themes modular using sections and blocks.
2. Create global and page level settings to allow Sellers to control appearance.