# Creating and Managing Theme Presets
This guide explains how **Zid partners** can customize a theme through a development store, export the customization as a JSON file, and upload it as a **theme preset**. Theme presets allow merchants to quickly apply ready-made designs without manual configuration.
---
:::highlight purple đź’ˇ
## Who this guide is for
* Zid **theme partners**
* Partners managing **custom or public themes**
* Partners creating **ready-made theme presets** for merchants
:::
---
:::caution[]
## Prerequisites
Before you begin, make sure that:
* You have access to the **[Zid Partner Dashboard](https://partner.zid.sa/login?redirect=%2F)**
* You have at least one **development store**
* The theme you want to customize already exists in **My Themes**
* The theme supports presets
:::
---
Part 1: Open the theme in the Partner Dashboard
1. Log in to the **[Zid Partner Dashboard](https://partner.zid.sa/login?redirect=%2F)**
3. From the left-side menu, go to **Themes Analytics**
4. Click **My Themes**
5. Under the **Themes** tab, locate the required theme (for example, *Vetro*)
6. Click the **Edit (✏️) icon** next to the theme to open the **Theme Details** page
From the Theme Details page, you can manage versions, images, and presets for the selected theme.
---
Part 2: Access the merchant dashboard (Dashboard Access)
To customize a theme visually, you must access a merchant store using **Dashboard Access**.
1. In the Partner Dashboard, go to **Development Stores**
3. Locate the development store you want to use
4. Click **Dashboard Access**
This action opens the **merchant dashboard** for the selected store in a new tab, allowing you to customize the theme as a merchant would.
---
Part 3: Customize the theme in the merchant dashboard and export presets
In this step, you will visually customize the theme and export the configuration as a JSON preset file.
1. In the merchant dashboard, go to **Online Store**
3. Click **Themes**
4. Under **Current Theme**, click **Customize**
6. Use the **Theme Editor** to customize the theme as needed, such as:
* Adding or rearranging sections
* Modifying colors, typography, and layout
* Updating homepage or section settings
5. Once customization is complete, click **Export**
7. Save the exported file in **JSON format**
This JSON file represents the complete theme configuration and will be used to create a **ready-made theme preset** for merchants.
---
Part 4: Upload a new theme version and presets (Partner Dashboard)
After exporting the preset, return to the Partner Dashboard to upload the theme version and preset files.
### Upload a new theme version
1. Go back to the **Theme Details** page in the Partner Dashboard
3. Open the **Theme versions** section
4. Select the **Change Type**:
* **Major** – for significant updates or new features
* **Minor** – for incremental improvements
* **Patch** – for bug fixes
4. Upload the **Theme ZIP file**
6. Add the **Change Log** (in English and Arabic if required)
### Upload the preset file
6. Upload the exported **preset JSON file**
8. Review all uploaded files to ensure accuracy
9. Click **Submit for Review**
* Or click **Activate** if the version does not require review
Once submitted, the theme version and preset will be processed according to Zid’s review and publishing workflow.
---
What happens next
* The uploaded preset becomes available as a **theme preset**
* Merchants can apply the preset instantly without manual customization
* Presets help ensure consistent design experiences across stores
---
:::info[]
## Best practices
* Use clear and descriptive names for presets
* Test presets thoroughly in a development store before uploading
* Keep preset images and JSON files aligned with the theme’s assets
* Document what each preset is designed for (e.g. fashion, electronics, minimal layout)
:::
---