[PLUS] Setting up Name & Number module

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

First of all you need to enable the Name & Number module in mainBarModules to display the module in the navigation.

var $fpd = ('#your-designer');
var pluginOpts = {
  productsJSON: 'json/designs.json',
  designsJSON: 'json/products.json',
  stageWidth: 1200,
  stageHeight: 800,
  mainBarModules: ['names-numbers', 'drawing', 'products'], //display Names & Numbers module in first position of navigation
  namesNumbersDropdown: ['S', 'M', 'L', 'XL'], //optional: define dropdown values, e.g. different sizes
  namesNumbersEntryPrice: 10 //optional, define a price for every entry 
  var yourDesigner = new FancyProductDesigner($fpd, pluginOpts);

To enable an initial text element as placeholder for a number or name (text), you need to enable the numberPlaceholder or textPlaceholder property in the text parameters