IMockupTemplate Interface

A structure holding settings to create overlaying and background mockups from PSD templates or raster images. For details, see the Mockups topic.

example
CustomersCanvas.IframeApi.loadEditor(
    iframe,
    {
        surfaces: [{
            mockup: {
                up: "stamp",
                down: "envelope"
            },
            previewMockups: [{ down: "envelope" }],
            printAreas: [{
                designFile: "envelopeDesign"
            }]
        }]
    }
);

Properties

Optional down

A background mockup: the mockup lays below the design template. You can define it as either a file name or an object containing the mockup file name and an array of preview mockups. Defining the background mockup through the object is the outdated way.

Optional name

name: string

A name of a surface (a page) in the product.

Optional up

An overlaying mockup: the mockup lays above the design template. You can define it as either a file name or an object containing the mockup file name and an array of preview mockups. Defining the overlaying mockup through the object is the outdated way.