Categories

.de_epages > .productUiCustomizer()

Categories: UI

.productUiCustomizer( [ options ] )

Plugin: de_epages.product.ui.customizer

Description: Create an user interface for product customization.

  • .productUiCustomizer( [ options ] )

    version added: 6.14.0

    options   A map of additional options pass to the method.

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.