IItemData Interface

A structure defining text parameters that you can change through product themes.

IItemData contains only optional parameters. When you do not specify them in a product theme, then corresponding properites remain unchanged in your product template.

example

// Define a color set.
var elementStyles = {
    "Classic": {
        "Shapes": {
            "color": "rgb(1,10,9)",
            "borderColor": "rgb(7,70,63)",
            "fillColor": "rgb(9,90,81)"
        },     
        "Headers": { 
            "color": "rgb(185,90,155)", 
            "underline": true,
            "font": {
                "postScriptName": "Calibri",
                "size": 20,
                "fauxBold": true,
                "fauxItalic": false
            }
        }
    }
};

// Set up the theme for your product.
var configuration = {
    productThemes: elementStyles,
    defaultProductTheme: "Classic"
};

// Load the editor.
CustomersCanvas.IframeApi.loadEditor(iframe, productDefinition, configuration);