To add an addon, you just need to place the JavaScript file in the same folder as the asukadesigner.min.js file.
var instance = new AsukaDesigner('.custom-product', {
addons: ['frames', 'sizes', 'forms', 'free drawing', 'text path', 'services', 'jspdf']
});Don’t forget to add the items to your layout. If you don’t know how to do this, refer to the following documentation : Layout
Do not forget to add a capital letter at the beginning of the name of the item :
var instance = new AsukaDesigner('.custom-product', {
addons: ['frames', 'sizes', 'forms', 'free drawing', 'text path', 'services', 'jspdf'],
layout: [
{
id: 'main',
target: 'left',
category: 'menu',
multiple: false,
collapsed: true,
collapsible: true,
items:[
{
name: 'Forms',
icon: 'draw-polygon'
},
{
name: 'Free drawing',
icon: 'pen-square',
},
{
name: 'Text path',
icon: 'bezier-curve',
},
{
name: 'Services',
icon: 'hands-helping',
},
{
name: 'Frames',
icon: 'border-style',
},
{
name: 'Sizes',
icon: 'ruler-vertical',
},
]
}
]
});