Wordpress CMB2 Drag And Drop Clone Type Field

Wordpress-CMB2-Drag-and-Drop-Clone-type-field

CMB2 Drag and Drop field type which allows drag and drop between two different containers and display output of predefined options. You could add as many options as you like, after drag and drop item will be cloned back and process starts again,

Contribution

Development occurs on Github, and all contributions welcome.

Installation

If including the library in your plugin or theme:

  • Upload or Intall the entire /cmb2-drag-and-drop directory to the /wp-content/plugins/ directory.
  • Upload the entire plugin directory to the /wp-content/plugins/ directory.
  • Activate WDS CMB2 Customizer through the 'Plugins' menu in WordPress.
  • Copy (and rename if desired) example-functions.php into to your theme or plugin's directory.
  • Every option added are displayed as item and popup ids, add has many you like (Examples Below:
    'options' => array(
      'image-0' => 'Image 0',
      'image-1' => 'Image 1',
      'image-3' => 'Image 3',
      'image-4' => 'Image 4',
    
    ),
    
    </pre>)
    
  • Profit.

Features

CMB2 Drag and Drop field type allows you to add many drag and drop elements ass you like. Just add extra options under cmb2 tab and all elements are displayed in first box. After dragging one element to second box , the same element is cloned in first box and dragged element will be included to second box . With this Id all elements are displayed as they are. Plugin work basic at the moment, in future there will be some extra stuff.

Example Code Usage for displaying settings Back-end

$cmb_demo->add_field( array(
    'name' => 'Drag and Drop field',
    'id'   => '_cmb2_drag_and_drop',
    'type' => 'cmb2_drag_and_drop',
'options' => array(
  'image-0' => 'Image 0',
  'image-1' => 'Image 1',
  'image-2' => 'Image 2',
  'image-3' => 'Image 3',

),

) );

Code Example to display List in front end

Because field type uses ajax for save you have to use other way to display settings, as example Below

			$cool_options = get_option('drag_and_drop_option');
			$data_array = json_decode($cool_options, TRUE);
			print_r($data_array);
New
(31)
• Released: Apr 15, 2019, 01:55 AM

Wordpress CMB2 Drag And Drop Clone Type Field

Author: Freelancer-Martin
Item was Featured Author was Featured
FREE
CMB2 Drag and Drop field type which allows drag and drop between two different containers and display output of predefined options. You could add as many options as you like, after drag and drop item will be cloned back and process starts again, size
git clone https://github.com/Freelancer-Martin/Wordpress-CMB2-Drag-and-Drop-Clone-type-field.git