Register block in dashboard
Once you have created a custom block, For merchants to use the block in Appmaker Dashboard, you need to register the block in the appmaker-custom-blocks.json file.
Create a new file in the root of the theme
Create a new file appmaker-custom-blocks.json in the root of the theme. and list all the blocks schema that you want to register in the Appmaker Dashboard.
[
{
"title": "My custom block name",
"name": "my-theme/my-custom-block",
"attributesSchema": {
"properties": [{
"id" : "title",
"type": "string",
"label": "title"
}]
},
"config": {
"innerBlockConfig": {
"allowedBlocks": ["my-theme/my-custom-block-item"]
}
}
}
]Optional : Add custom inner block item in Appmaker Dashboard
[
{
"title": "My custom inner block name",
"name": "my-theme/my-custom-block-item",
"attributesSchema": {
"properties": [{
"id" : "title",
"type": "string",
"label": "title"
}]
},
"config": {
"parent": ["my-theme/my-custom-block"]
}
}
]Block schema properties
| Property | Type | Description | Example |
|---|---|---|---|
| title | string | Title of the block | My custom block name |
| name | string | Name of the block | my-theme/my-custom-block |
| attributesSchema | object | Schema of the attributes of the block | Attributes Shema |
| config | object | Config of the block |
Config properties
| Property | Type | Description | Example |
|---|---|---|---|
| innerBlockConfig | object | Config of the inner block | Inner block config |
| parent | array | Parent of the block | ["my-theme/my-custom-block"] |
Inner block config properties
| Property | Type | Description | Example |
|---|---|---|---|
| allowedBlocks | array | Allowed blocks | ["my-theme/my-custom-block-item"] |