Skip to main content

Anatomy of Theme

A theme consists of templates, sections, and blocks that combine to form a complete theme. Theme code is organized in 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 Fynd Commerce, 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

QG2

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 Seller Customization​

Sellers can customize their theme on Fynd Commerce using the 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. Creating global and page-level settings to allow sellers to control appearance.