Managing the Action buttons

Modified on Thu, 27 Jul 2023 at 12:31 PM

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

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.
zoomZoom via a slider.
reset-productResets all elements in the product to origin parameters.
 infoDisplays a custom message in a modal. The text can be set via the language JSON.
 loadLoads a product from the saved products in the browser.