The plugin structure

The new plugin which extends Zion Builder current elements should have the following basic structure:

│   .gitignore
 │   composer.json
 │   manifest.json
 │   package.json
 │   readme.md
 │   readme.txt
 │   ruleset.xml
 │   tsconfig.base.json
 │   tsconfig.json
 │   webpack.config.js
 │   zion-builder-extension-example.php
 │   zionbuilder.config.js

 ├───assets
 │   └───vendors
 ├───includes
 │   │   Plugin.php
 │   │   Utils.php
 │   │
 │   └───Elements
 │       └───MyElement
 │               icon.svg
 │               MyElement.php

 └───packages
     └───elements
         │   webpack.config.js

         └───src
             └───myElement
                 │   editor.js
                 │   frontend.js

                 ├───components
                 │       myElement.vue

                 └───scss
                         main.scss

The link bellow from GitHub allows users to easily clone the repository and create their own custom elements.

Last updated

Was this helpful?