.de_epages > .productUiCustomizer()
Categories: UI
.productUiCustomizer( [ options ] )
Plugin: de_epages.product.ui.customizer
Description: Create an user interface for product customization.
The .productUiCustomizer()
method creates an user interface for product customization. This includes a product
preview, a toolbar and an input mask.
-
Apply .productUiCustomizer() to an unordered list.
HTML:
<ul id="customizer"></ul>
Code:
de_epages('#customizer').productUiCustomizer();
-
data
version added: 6.14.0
An object containing data for ajax requests (ChangeAction, ChangeObjectID, ViewAction: 'JSONViewResponse').
Default: empty object
-
width
version added: 6.14.0
The width of the customizer.
Default: 800
-
height
version added: 6.14.0
The height of the customizer.
Default: 600
-
maxWidth
version added: 6.14.0
The maximal witdh of the displayed product image.
Default: 400
-
maxHeight
version added: 6.14.0
The maximal height of the displayed product image.
Default: 400
-
prevWidth
version added: 6.14.0
The width of the preview image which will be generated.
Default: 100
-
prevHeight
version added: 6.14.0
The height of the preview image which will be generated.
Default: 100
-
minScale
version added: 6.14.0
The minimum size an element can be scaled.
Default: height: 15
-
productImg
version added: 6.14.0
The product image which will be displayed.
Default: undefined
-
zIndex
version added: 6.14.0
The minimal z-index for canvas elements.
Default: 1000
-
areas
version added: 6.14.0
An array containing the customizable areas.
Default: empty array
-
accept
version added: 6.14.0
Accepted elements for droppable areas.
Default: "canvas"
-
showPreview
version added: 6.14.0
A boolean that specifies whether the preview will be shown.
Default: true
-
toolbar
version added: 6.14.0
A boolean that specifies whether the toolbar will be shown.
Default: true
-
operations
version added: 6.14.0
An object containing possible operations for canvas elements.
Default: draggable: true
-
font
version added: 6.14.0
An object containing font settings.
Default: name: "Arial", size: 12, resizable: false, unit: "pt", color: "#000000"
-
functions
version added: 6.14.0
An object containing the toolbar buttons.
Default: undefined
-
inputData
version added: 6.14.0
An object containing the data for creating the input elements.
Default: undefined
-
form
version added: 6.14.0
A form element containing the customizer widget.
Default: undefined
-
generateCustomizedJSON
-
.productUiCustomizer( 'generateCustomizedJSON' )
version added: 6.14.0
Generates a JSON object containing the customized data.
-
getBase64Image
-
.productUiCustomizer( 'getBase64Image' )
version added: 6.14.0
Returns a base64 encoded string containing the customized product image.
-
getBase64PreviewImage
-
.productUiCustomizer( 'getBase64PreviewImage' )
version added: 6.14.0
Returns a base64 encoded string containing a small preview image of the customized product.
-
getGUIDList
-
.productUiCustomizer( 'getGUIDList' )
version added: 6.14.0
Returns an array containing the GUIDs from all uploaded files.