Coder Social home page Coder Social logo

wolffe / fx-builder Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 0.0 141 KB

FX Builder is an improved page builder plugin for ClassicPress that provides visual columns in the post editor without using shortcodes.

Home Page: https://getbutterfly.com/classicpress-plugins/fx-builder/

License: GNU General Public License v3.0

PHP 63.96% CSS 13.70% JavaScript 22.34%
classicpress classicpress-plugin page-builder

fx-builder's Introduction

FX Builder

How to Disable Front End CSS

To disable front-end CSS, you can use this code:

add_filter( 'fx_builder_css', '__return_false' );

How to Disable Settings

This option will be removed in a future version.

Disable Settings

To disable settings you can use this code:

add_filter( 'fx_builder_settings', '__return_false' );

Add support for "fx_builder" to post type manually:

If you disable settings, you need to enable page builder for each post type by yourself, by adding support for it. Here's how to add FX Builder to a "property" post type:

add_action(
    'init',
    function() {
       add_post_type_support( 'property', 'fx_builder' );
    }
);

Meta Keys

List of Post Meta Keys in Page Builder

_fxb_db_version

Database version. This is simply saving plugin version so we can do stuff in the future when needed.

_fxb_active

This is switcher status. "1" if active null if not active.

_fxb_custom_css

Custom CSS for the page. This CSS only loaded in singular pages

_fxb_custom_css_disable

If true, css is not loaded in front end. Useful to disable CSS without removing the CSS.

_fxb_row_ids

Comma separated of row IDs. Row IDs are creation timestamps.

_fxb_rows

This is a multidimentional array with all rows data the data will look like this:

_fxb_rows = [
	{row id} => [
		'id'             => the time stamp when row created.
		'index'          => row index order
		'state'          => open/close
		'col_num'        => number of column active (1-4)
		'layout'         => settings: layout (e.g 1/2 -1/2)
		'col_order'      => collapse order "l2r" (left to right) or "r2l" (right to left)
		'col_1'          => comma separated item ids in col 1
		'col_2'          => comma separated item ids in col 2
		'col_3'          => comma separated item ids in col 3
		'col_4'          => comma separated item ids in col 4
		'row_title'      => row title/admin label
		'row_html_id'    => front end element html id
		'row_html_class' => front end element html classes
    ]
	{other row id} => ....
]

_fxb_items

This is a multidimentional array with all data of an item the data will look like this:

_fxb_items = [
	{item_id} => [
		'item_id'      => {the time stamp when item created}
		'item_index'   => the order of an item.
		'item_state'   => "open" or "close"
		'item_type'    => "text" (currently only have one type)
		'row_id'       => the ID of the row
		'col_index'    => 1-4. the column index. 1st - 4th.
		'content'      => content of the item.
    ]
	{other item id} => ....
]

Dev

Uses https://github.com/ClassicPress/dev-workflows

fx-builder's People

Contributors

wolffe avatar xxsimoxx avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

fx-builder's Issues

Warning: Undefined array key “row_html_width”

ISSUE
I get this error after upgrading to latest release (1.2.0) on ClassicPress 2.1, PHP 8.1. It happens only on one of the pages (https://elica-webservices.it/classicpress-resources/).

Warning: Undefined array key “row_html_width” in /data/vhosts/elica-webservices.it/httpdocs/wp-content/plugins/fx-builder/includes/builder/class-functions.php on line 261

EXPECTED BEHAVIOR

No error should be triggered

UNDERLYING PROBLEM
the code is trying to access a key named row_html_width from an array element in $rows_data but that key doesn't exist for the specific row being processed ($row_id)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.