---
title: "JsonProductSerializer | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/JsonProductSerializer/"
---

# JsonProductSerializer

> [`JsonProductSerializer`](#jsonproductserializer)

## Classes

### JsonProductSerializer

#### Constructors

##### Constructor

```ts
new JsonProductSerializer(additionalConverters?): JsonProductSerializer;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `additionalConverters?` | [`AdditionalConverter`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/AdditionalConverter.md#additionalconverter)[] |

###### Returns

#### Properties

##### productParser

```ts
productParser: ProductParser;
```

#### Methods

##### deserialize()

```ts
deserialize(json): Product;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `json` | `string` \| `Object` |

###### Returns

`Product`

##### serialize()

```ts
serialize(product, forServer?): string;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `product` | `Product` |
| `forServer?` | `boolean` |

###### Returns

`string`

##### serializeModelComponent()

```ts
serializeModelComponent(component, forServer?): string;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `component` | `ModelComponent` |
| `forServer?` | `boolean` |

###### Returns

`string`