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.
undoUndo 
redoRedo
 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. 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article