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.

💡

Who this guide is for

Zid theme partners

Partners managing custom or public themes

Partners creating ready-made theme presets for merchants

Prerequisites

Before you begin, make sure that:

You have access to the Zid Partner Dashboard

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

From the left-side menu, go to Themes Analytics

Click My Themes

Under the Themes tab, locate the required theme (for example, Vetro)

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.

In the Partner Dashboard, go to Development Stores

Locate the development store you want to use

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.

In the merchant dashboard, go to Online Store

Click Themes

Under Current Theme, click Customize

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

Once customization is complete, click Export

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

Go back to the Theme Details page in the Partner Dashboard

Open the Theme versions section

Select the Change Type:

Major – for significant updates or new features

Minor – for incremental improvements

Patch – for bug fixes

Upload the Theme ZIP file

Add the Change Log (in English and Arabic if required)

Upload the preset file

Upload the exported preset JSON file

Review all uploaded files to ensure accuracy

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

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)

Creating and Managing Theme Presets

Who this guide is for#

Prerequisites#

Part 1: Open the theme in the Partner Dashboard#

Part 2: Access the merchant dashboard (Dashboard Access)#

Part 3: Customize the theme in the merchant dashboard and export presets#

Part 4: Upload a new theme version and presets (Partner Dashboard)#

Upload a new theme version#

Upload the preset file#

What happens next#

Best practices#

Who this guide is for

Prerequisites

Part 1: Open the theme in the Partner Dashboard

Part 2: Access the merchant dashboard (Dashboard Access)

Part 3: Customize the theme in the merchant dashboard and export presets

Part 4: Upload a new theme version and presets (Partner Dashboard)

Upload a new theme version

Upload the preset file

What happens next

Best practices