Placing a FPD module into an own HTML element

As our plugin is modular-built, you can easily put all FPD modules into a custom HTML element. That allows to use the modules outside of the product designer mainbar.

var fancyProductDesigner = document.getElementById('fpd-target').instance;

fancyProductDesigner
.addEventListener('ready', function() { //wait until the ui is loaded

  new FPDProductsModule(fancyProductDesigner, document.getElementById('custom-module-wrap')); 

})