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.

https://github.com/zionbuilder/zion-builder-extension-example

Was this article helpful ?

4 people consider this article helpful
Thank you! We will improve this article.

Didn’t find what you’re looking for? Please let us know

Submit a ticket