The Kiwify Members Area theme system follows a modular architecture inspired by Shopify. This document provides an overview of how the components work together to create a customizable learning experience.

Directory Structure

theme-name/
├── templates/
│   ├── index.json
│   └── login.json
├── sections/
│   └── [...].liquid
├── locales/
│   ├── en.default.json
│   ├── es.default.json
│   ├── pt.default.json
│   ├── en.schema.json
│   ├── es.schema.json
│   └── pt.schema.json
└── snippets/
    └──[...].liquid

Core Components

How These Components Work Together

1

Templates Define Structure

Templates are JSON files that define which sections appear on a page and their order. They also store configuration data for each section.
2

Sections Provide Content

Sections are Liquid files that render the actual content on the page. They can be customized through the theme editor settings defined in their schema.
3

Snippets Add Reusability

Snippets are reusable code fragments that can be included in sections to maintain consistency and reduce duplication.
4

Locales Enable Translation

Locales provide translation capabilities, allowing your theme to support multiple languages.

Data Flow

Available Global Objects

Check Objects Overview for a complete list and more details.

Styling

Kiwify themes use TailwindCSS for styling, a utility-first CSS framework that allows you to style elements directly in your HTML/Liquid markup.

Available Libraries

The theme runtime environment includes the following libraries available for use: For more information, consult the documentation of the respective libraries. The default Kiwify theme contains usage examples.

Limitations

  • JavaScript is not currently supported in theme files
  • Only two pages can be customized (index and login)
  • Maximum of 25 sections per template
  • Maximum of 50 blocks per section

Learn More

For detailed information about each component, visit the dedicated documentation pages: