Action buttons are displaying in the product stage and can be individually in different positions.
var pluginOpts = {actions: {
'top': ['download','print', 'snap', 'preview-lightbox'],
'right': ['magnify-glass', 'zoom', 'reset-product', 'qr-code'],
'bottom': ['undo','redo'],
'left': ['manage-layers','info','save','load']
});
var fpd = new FancyProductDesigner($('#fpd'), pluginOpts);Available Actions
| download | Allows to download the product as PNG, JPEG or PDF. |
| Prints the product. | |
| snap | While dragging an element, it will snap to helper lines. |
| preview-lightbox | View the product in a lightbox. |
| magnify-glass | Enables a magnify glass. |
| zoom | Zoom via a slider. |
| reset-product | Resets all elements in the product to origin parameters. |
| qr-code | Allows to add a QR-Code. |
| undo | Undo |
| redo | Redo |
| manage-layers | Displays a list to reorder/select layers. |
| info | Displays a custom message in a modal. The text can be set via the language JSON. |
| save | Saves the product in the browser |
| load | Loads a product from the saved products in the browser. |