Managing the Action buttons
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
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. |
Updated on: 31/07/2026
Thank you!