> Not yet. This is the most interesting part for customization because it adds new blocks and components: https://github.com/aimeos/ai-cms-grapesjs/blob/master/admin/jqadm/themes/custom.js#L206-L626

[Alababdiy]

          > Not yet. This is the most interesting part for customization because it adds new blocks and components: https://github.com/aimeos/ai-cms-grapesjs/blob/master/admin/jqadm/themes/custom.js#L206-L626

You can add your own ones in the custom.js file of your own extension by adding:

Aimeos.CMSContent.GrapesJS.blocks.yourblock = {
    // ...
};

Aimeos.CMSContent.GrapesJS.components.yourcomponent = {
    // ...
};

For how GrapesJS works and what you can do, read the GrapesJS documentation:

• https://grapesjs.com/docs/
• https://grapesjs.com/docs/api/

how i c

Aimeos.CMSContent.GrapesJS.blocks.yourblock = {
// ...
};

Aimeos.CMSContent.GrapesJS.components.yourcomponent = {
// ...
};

Thanks @aimeos but when I try to add my custom component, is not showing and all the existing default elements disappear

*
 * Custom myext JS
 */
Aimeos.CMSContent.GrapesJS.blocks.yourblock = {
    label: "Your Block",
    category: "Custom Blocks",
    content: {
        type: "yourblock",
        components: {
            yourcomponent: {}
        },
        activeOnRender: true
    },
    render: ({ el }) => {
        el.innerHTML = "<div>Your Block Content Goes Here</div>";
    }
};

Aimeos.CMSContent.GrapesJS.components.yourcomponent = {
    label: "Your Component",
    content: {
        type: "yourcomponent",
        components: {},
    },
    render: ({ el }) => {
        el.innerHTML = "<div>Your Component Content Goes Here</div>";
    }
};

Originally posted by @Alababdiy in #11 (comment)