http:\/\/kb.wpbeaverbuilder.com\/article\/124-custom-module-developer-guide#overview<\/a><\/p>\n define( ‘MY_MODULES_DIR’, plugin_dir_path( __FILE__ ) ); <\/p>\n Any of the built-in modules can be overridden within your theme by following the steps below.<\/p>\n 1. Create a new folder in your theme’s folder named\u00a0fl-builder<\/strong>.<\/p>\n 2. Create a new folder within your theme’s fl-builder folder named\u00a0modules<\/strong>.<\/p>\n 3. Copy the module you wish to override from\u00a0wp-content\/plugins\/bb-plugin\/modules<\/em>to your theme’s\u00a0fl-builder\/modules<\/em>\u00a0folder.<\/p>\n That’s it! You can now start editing the module to suit your needs. Note that even though you can customize the module’s code, the module’s folder name, main PHP file name, and main class name must remain unchanged to be recognized by the builder.<\/p>\n Custom module developer guide http:\/\/kb.wpbeaverbuilder.com\/article\/124-custom-module-developer-guide#overview Overview 1.\u00a0Create a\u00a0plugin 2.\u00a0Add a module to your plugin 3.\u00a0Define module settings 4.\u00a0Module settings CSS and JavaScript 5.\u00a0Module HTML 6.\u00a0Module CSS 7.\u00a0Module JavaScript Module property reference Module method reference Setting fields reference Repeater fields reference Create custom fields Live preview reference Partial refresh reference Override built-in modules Localization Create a […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[374,18],"acf":[],"_links":{"self":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/2167"}],"collection":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/comments?post=2167"}],"version-history":[{"count":3,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/2167\/revisions"}],"predecessor-version":[{"id":2172,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/2167\/revisions\/2172"}],"wp:attachment":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/media?parent=2167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/categories?post=2167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/tags?post=2167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
Create a plugin<\/h2>\n
\n
bb-plugin-custom<\/code><\/li>\nbb-plugin-custom.php<\/code><\/li>\n
\n\/**
\n* Plugin Name: My Custom Modules
\n* Plugin URI: http:\/\/www.mywebsite.com
\n* Description: Custom modules for the Beaver Builder Plugin.
\n* Version: 1.0
\n* Author: Your Name
\n* Author URI: http:\/\/www.mywebsite.com
\n*\/<\/p>\n
\ndefine( ‘MY_MODULES_URL’, plugins_url( ‘\/’, __FILE__ ) );
\nfunction my_load_module_examples() {
\nif ( class_exists( ‘FLBuilder’ ) ) {
\n\/\/ Include your custom modules here.
\n}
\n}
\nadd_action( ‘init’, ‘my_load_module_examples’ );<\/li>\nMY_MODULES_DIR<\/code>\u00a0and\u00a0MY_MODULES_URL<\/code>\u00a0to match your plugin’s namespace, keeping the\u00a0_DIR<\/code>and\u00a0_URL<\/code>\u00a0suffixes.<\/li>\n<\/ul>\nAdd a module to your plugin<\/h2>\n
Overriding built-In modules<\/h2>\n