Open navigation

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')); 

})


data-moduleJS Class
productsFPDProductsModule
images
FPDImagesModule
text
FPDTextModule
designs
FPDDesignsModule
manage-layers
FPDLayersModule
names-numbers
FPDNamesNumbersModule
layouts
FPDLayoutsModule
text-layers
FPDTextLayersModule

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.