Show:

autoCenter

Boolean

Centers the element in the canvas or when it has a bounding box in the bounding box.


Default: false

autoSelect

Boolean

Selects the element when its added to stage.


Default: false

boundingBox

Boolean

Defines a bounding box (printing area) for the element.

    If false no bounding box
  • The title of an element in the same view, then the boundary of the target element will be used as bounding box.
  • An object with x,y,width and height defines the bounding box


Default: false

boundingBoxMode

String

Set the mode for the bounding box. Possible values: 'none', 'clipping', 'limitModify', 'inside'


Default: 'inside'

colorLinkGroup

Boolean | String

Include the element in a color link group. So elements with the same color link group are changing to same color as soon as one element in the group is changing the color.


Default: false

Example:

                  

'my-color-group'

colorPrices

Object

You can define different prices when using a range of colors, set through the colors option.


Default: {}

Example:

                  

colorPrices: {"000000": 2, "ffffff: "3.5"}

colors

Boolean | String

  • If false, no colorization for the element is possible.
  • One hexadecimal color will enable the colorpicker
  • Mulitple hexadecimal colors separated by commmas will show a range of colors the user can choose from.


Default: false

Example:

                  

colors: "#000000" => Colorpicker, colors: "#000000,#ffffff" => Range of colors

copyable

Boolean

If true the user can copy non-initial elements. Copyable property is enabled for designs and custom added elements automatically.


Default: false

draggable

Boolean

If true the user can drag the element.


Default: false

excludeFromExport

Boolean

When true the element is not exported in SVG. If you are going to use one of the data URL methods (e.g. getProductDataURL()), you need to set onlyExportable=true in the options, so the element is not exported in the data URL.


Default: false

locked

Boolean

By the default the element will be locked and needs to be unlocked by the user via the "Manage Layers" module.


Default: false

patterns

Array

An array of URLs to pattern image - onyl for SVG images or text elements.


Default: []

Example:

                  

patterns: ['patterns/pattern_1.png', 'patterns/pattern_2.png',]

price

Number

The price for the element.


Default: 0

removable

Boolean

If true the user can remove the element.


Default: false

replace

String

Replaces an element with the same type and replace value.


Default: ''

replaceInAllViews

Boolean

If a replace value is set, you can decide if the element replaces the elements with the same replace value in all views or only in the current showing view.


Default: ''

resizable

Boolean

If true the user can resize the element.


Default: false

rotatable

Boolean

If true the user can rotate the element.


Default: false

showInColorSelection

Boolean

Shows the element colors in color selection panel. Requires Fancy Product Designer Plus Add-On.


Default: false

sku

String

An unique identifier for the element.


Default: ''

topped

Boolean

Sets the element always on top.


Default: false

uniScalingUnlockable

Boolean

Allow user to unlock proportional scaling in the toolbar. After that the user scale the element unproportional via toolbar or element boundary controls.


Default: false

z

Number

Allows to set the z-index of an element, -1 means it will be added on the stack of layers


Default: -1

zChangeable

Boolean

If true the user can change the z-position the element.


Default: false