Customer's Canvas is honored with a 2020 InterTech Technology Award! Learn more 

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

down: string

A background mockup: the mockup lays below the design template. This property represents a file name without an extension.

Optional name

name: string

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

Optional up

up: string

An overlaying mockup: the mockup lays above the design template. This property represents a file name without an extension.