Managing the Action buttons

Modified on Mon, 19 Dec 2022 at 03:39 PM

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

downloadAllows to download the product as PNG, JPEG or PDF.
printPrints the product.
snapWhile dragging an element, it will snap to helper lines.
preview-lightboxView the product in a lightbox.
magnify-glassEnables a magnify glass.
zoomZoom via a slider.
reset-productResets all elements in the product to origin parameters.
qr-codeAllows to add a QR-Code.
undoUndo 
redoRedo
manage-layersDisplays a list to reorder/select layers.
 infoDisplays a custom message in a modal. The text can be set via the language JSON.
 saveSaves the product in the browser
 loadLoads a product from the saved products in the browser.