---
title: "Interface: IMockupFolders | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IMockupFolders/"
---

# Interface: IMockupFolders

> A structure holding names of folders containing the overlaying and background mockups.

## Remarks

This interface uses mockups that are grouped by folders.

## Example

``` js
const productDefinition = {
   surfaces: {
       // Get surfaces from the folder.
       designFolder: "myphotoBook",
       // Get mockups from the folder.
       mockupFolder: { up: "photoBookMockups" }
   }
};
```

## Properties

### up?

> `optional` **up?**: `string`

A name of the folder containing the overlaying mockup files.

***

### down?

> `optional` **down?**: `string`

A name of the folder containing the background mockup files.