Meta Box

Hi Tan,

Thanks so much - I did replace it but still not working. I did a hard cache clear, still nothing. Any other ideas?

Thank you

Hi Peter,

We coded the block, I have added below the code of a test block that you can use to troubleshoot and test this bug, We reverted our Meta Box AIO plugin version to 1.30.0 and we do not get have the bug in this version. I suspect the bug is related to the plugin update with 1.30.1 - 2024-09-07 Fix issue with clone_empty_start, that woudl probably be a great place to start the investigation.

Appreciate you looking in to this, let me how if you need any thing else.

Cheers,
Anthony

meta-boxes__test-block.php

<div><?php
add_filter( 'rwmb_meta_boxes', 'test_block_meta_boxes' );
function test_block_meta_boxes( $meta_boxes ) {
  $meta_boxes[] = [
    'title'           => 'Test Block',
    'id'              => "test-block",
    'type'            => 'block',
    'fields' => [
      [
        'type' => 'heading',
        'name' => 'Test Block',
      ],
      [
        'id' => "block_group",
        'type' => 'group',
        'clone' => true,
        'max_clone' => 3,
        'sort_clone' => true,
        'collapsible' => true,
        'save_state' => true,
        'group_title' => 'Group {#}',
        'add_button' => '+ Add Group',
        'fields' => [
          [
            'name' => 'Header',  
            'id'   => "block_header",
            'type' => 'textarea',
            'rows' => 1
          ],
          [
            'id' => "block_group_inner",
            'type' => 'group',
            'clone' => true,
            'sort_clone' => true,
            'collapsible' => true,
            'save_state' => true,
            'group_title' => 'Column {#}',
            'add_button' => '+ Add Test',
            'fields' => [
              [
                'name' => 'Inner Header',  
                'id'   => "block_inner_header",
                'type' => 'textarea',
                'rows' => 1
              ]
            ]
          ],
        ],
      ],
    ],  
  ];
  return $meta_boxes;
};</div>

block.json

<div>{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "meta-box/test-block",
  "title": "Test Block",
  "description": "The Test Block is a custom block that allows you to test the block editor.",
  "category": "common",
  "icon": "fas fa-truck-monster",
  "keywords": [
    "test",
    "block",
    "test block"
  ],
  "supports": {
    "anchor":true
  },
  "attributes": {
    "anchor":{
      "type": "string"
    },
    "g-block_group": {
      "type": "array"
    }
  },
  "render": "file:./test-block.php"
}</div>

.

text-block.php

<div><?php
/**
 * @var array<string, mixed>[] $attributes The block attributes.
 * @var string $content The block default content.
 * @var \WP_Block $block The block instance.
 */

$blockName = "test_block";
$prefix = "block_";
$class = "mb-block_" . $blockName;
$id = ( $blockName . '-' . $attributes['id'] ?? '' );
if ( ! empty( $attributes['anchor'] ) ) {
	$id = $attributes['anchor'];
}

if( is_admin() || (defined( 'REST_REQUEST' ) && REST_REQUEST && 'edit' === $_GET['context'])) {
	echo '<p>Test Block</p>';
}

$group = $attributes["{$prefix}group"] ?? null;
if( !empty($group)){ 
	var_dump($group);
	foreach ( $group as $group_value ) {  
		$header = isset( $group_value["{$prefix}header"] ) ? $group_value["{$prefix}header"] : null;
		$group_inner = isset( $group_value["{$prefix}group_inner"] ) ? $group_value["{$prefix}group_inner"] : null;
		?>
		<div id="<?php echo $id; ?>" class="<?php echo $class ?> bg--blue">
		<div class="container-fluid--small">
			<div class="row">
				<div class="col-12">
					<?php if($header): ?>
						<h2><?php echo $header; ?></h2>
					<?php endif; ?>
					<?php if( !empty($group_inner)){ 
						foreach ( $group_inner as $group_value ) {  	
							$inner_header = isset( $group_value["{$prefix}inner_header"] ) ? $group_value["{$prefix}inner_header"] : null;
							?>
							<div class="col-12">
								<p><?php echo $inner_header; ?></p>
							</div>
						<?php } ?>
					<?php } ?>
				</div>
			</div>
		</div>
	</div>
<?php }
}</div>

here is the console error message.

Error: Template not found: #tmpl-rwmb-upload-area
at n. template (wp-util.min.js?ver=6.3.1:2:371)
at n. render (file-upload.js?ver=5.8.1:19:24)
at n.initialize (file-upload.js?ver=5.8.1:26:9)
at h. View (backbone.min.js?ver=1.4.1:2:14648)
at new n (backbone.min.js?ver=1.4.1:2:23485)
at n. createAddButton (image-upload.is?ver=5.8.1:11:21)
at n.initialize (media-js?ver=5.8.1:122:9)
at h. View (backbone.min.js?ver=1.4.1:2:14648)
at n las constructor] (backbone.min.js?ver=1.4.1:2:23485)
at n las constructor] (backbone.min.js?ver=1.4.1:2:23485)

Yes, the columns are registered. I tried removing them and still got the same response. Below is the complete code for creating the block. Also, note there is a function for a button that passes the vars to another meta box function and I still get the JSON error with or without this button function, however, I have commented it out for testing.

Thanks.

add_filter( 'rwmb_meta_boxes', 'gutenberg_meta_boxes_blocks' );
function gutenberg_meta_boxes_blocks( $meta_boxes ) {

    $g_block_path = get_stylesheet_directory() . '/inc/meta-boxes/g-blocks/';

    require_once $g_block_path . 'g_block__fullwidth_w_bg__meta-box.php';

    return $meta_boxes;

}

$prefix = "g-block_";

$meta_boxes[] = [
  'title'           => 'Fullwidth with background content block',
  'id'              => "fullwidth-w-bg-content-block",
  'description'     => 'Fullwidth with background content block',
  'type'            => 'block',
  'icon'            => 'cover-image',
  'category'        => 'layout',
  'keywords'        => ['call', 'action', 'cta', 'block'],
  'context'         => 'normal',
  'supports' => [
    'multiple' => true,
    'anchor' => true,
  ],
  'columns' => [
    'column-1' => 4,
    'column-2' => 8,
  ],
  'render_callback' => 'fullwidth_w_bg__g_block',

  'fields' => [

    [
      'type' => 'heading',
      'name' => 'Fullwidth with background content block',
    ],

    [
      'name'    => 'Content options',
      'id'   => "{$prefix}content_options",
      'type' => 'radio',
      'inline' => true,
      'options' => array(
        'text' => 'Text Blcok',
        'quote' => 'Quote',
      ),
      'column'  => 'column-2',
    ],

    [
      'type' => 'heading',
      'name' => 'Text',
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['text' ] ],
    ],
    
    [
      'name' => 'Header',
      'desc' => 'Use <br> tags for text line breaks on larger screen sizes, they will be removed on smaller screen sizes.',
      'id'   => "{$prefix}header",
      'type' => 'textarea',
      'rows' => 2,
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['text' ] ],
    ],

    [
      'name' => 'Blurb',  
      'id'   => "{$prefix}blurb",
      'type'    => 'textarea',
      'rows'     => 4,
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['text' ] ],
    ],

    [
      'type' => 'heading',
      'name' => 'Quote',
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['quote' ] ],
    ],
    
    [
      'name' => 'Quote',
      'id'   => "{$prefix}quote",
      'type' => 'textarea',
      'rows' => 2,
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['quote' ] ],
    ],

    [
      'name' => 'Cite',  
      'id'   => "{$prefix}cite",
      'type'    => 'textarea',
      'rows'     => 1,
      'column' => 'column-2',
      'visible' => [ "{$prefix}content_options", 'in', ['quote' ] ],
    ],

    /*
    add_cta_button_group__g_block_meta_box(        
      $prefix,
      $id ='btn_groups',
      $textdomain,
      $visibility = '',
      $vis_args = array(),
      $columns = 'column-2'
    ),
    **/

    [
      'type' => 'heading',
      'name' => 'Background Options',
      'column'  => 'column-1',
    ],

    [
      'name'    => 'Background options',
      'id'   => "{$prefix}background_options",
      'type' => 'radio',
      'inline' => true,
      'options' => array(
        'video' => 'Video',
        'image' => 'Image',
      ),
      'column'  => 'column-1',
    ],

    [
      'name' => 'Background Image',  
      'id' => "{$prefix}bg_image",
      'type' => 'image_advanced',
      'max_file_uploads' => 1,
      'image_size' => 'thumbnail',
      'column' => 'column-1',
      'visible' => [ "{$prefix}background_options", 'in', ['image' ] ],
    ],

    [
      'id'                => "{$prefix}mp4",
      'desc'              => 'Please keep the file size under 2Mb',
      'name'              => 'The background MP4 Video, this will override the cover image',
      'type'              => 'file_advanced',
      'max_file_uploads'  => 1,
      'mime_type'         => 'video/mp4',
      'column'  => 'column-1', 
      'visible' => [ "{$prefix}background_options", 'in', ['video' ] ],
    ],

    [
      'name' => 'Add Overlay (Percentage)',
      'desc' => 'This adds a black overlay on top of the  image/video to darken it making the header text more readable.',
      'id'   => "{$prefix}overlay_percentage",
      'type' => 'number',
      'min'  => 0,
      'max'  => 100,
      'step' => 1,
      'column' => 'column-1',
    ],

  ],
];