# Overview

## Introduction
The Theme Editor lets developers expose safe, structured controls so merchants can tailor a theme, no code required. Using schema files, you define which elements are customizable (colors, typography, layout options, etc.) and which sections/blocks merchants can add, remove, or reorder. This keeps your theme opinionated and robust while giving merchants the flexibility they need to make it their own.

## Navigating to the theme editor
The new theme editor is available only through the [New Dashboard](https://dashboard.zid.sa/). You are able to navigate to it through your development store's dashboard by doing the following steps:

1. Head to your [Partner Dashboard](https://partner.zid.sa/dashboard) and log in. 
2. Access the Development Stores tab 

![image.png](https://api.apidog.com/api/v1/projects/613905/resources/364681/image-preview)

3. Click on Dashboard Access

![Screenshot 2025-10-26 at 5.18.11 PM.png](https://api.apidog.com/api/v1/projects/613905/resources/364684/image-preview)

4. If you are redirected to the old dashboard, there will be a popup in the bottom corner with a link to the new dashboard. 

![Screenshot 2025-10-26 at 5.20.02 PM.png](https://api.apidog.com/api/v1/projects/613905/resources/364685/image-preview)

5. Once in the new dashboard, get to the following page using the side navigation menu

![Screenshot 2025-10-26 at 5.21.30 PM.png](https://api.apidog.com/api/v1/projects/613905/resources/364686/image-preview)

6. Here you have access to the themes. You can upload a custom theme via a zip file if you do not have any, then click the three dots which should bring up a popup with an option to customize the theme.

![Screenshot 2025-10-26 at 5.24.21 PM.png](https://api.apidog.com/api/v1/projects/613905/resources/364687/image-preview)

## Schema files
To best represent your theme settings and sections in the theme editor, please follow the guide detailed in the [Schema files section](https://docs.zid.sa/theme-editor-1702203m0).