Action buttons are displaying in the product stage and can be individually in different positions.
var pluginOpts = {actions: {
'left': ['download','print', 'snap', 'preview-lightbox'],
'right': ['zoom', 'reset-product'],
'center': ['undo','redo'],
});
var fpd = new FancyProductDesigner(document.getElementById('fpd-target'), 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. |
| zoom | Zoom via a slider. |
| reset-product | Resets all elements in the product to origin parameters. |
| undo | Undo |
| redo | Redo |
| info | Displays a custom message in a modal. The text can be set via the language JSON. |
| load | Loads a product from the saved products in the browser. |