Home Forums Gutenberg Can't output values on frontend


Can't output values on frontend

  • Hello!

    I’ve been setting up ACF/Gutenberg following this guide and have everything (nearly) working. I just can’t seem to get the values outputting on the frontend, I know it’s a bit vague but I’ve been pulling my hair out for hours and can’t find what’s wrong.

    Here’s my setup:

     * Registers ACF blocks to be used with WP Gutenberg
    add_action('acf/init', 'register_acf_blocks');
    function register_acf_blocks() {
    	// check function exists
    	if( function_exists('acf_register_block') ) {
    		// register a hero block
    			'name'				=> 'hero',
    			'title'				=> __('Hero'),
    			'description'		=> __('A hero banner block with optional headings overlaid'),
    			'render_callback'	=> 'acf_block_render_callback',
    			'category'			=> 'formatting',
    			'icon'				=> 'playlist-video',
    			'keywords'			=> array( 'hero', 'heading', 'video' ),
    function acf_block_render_callback( $block ) {
    	// convert name ("acf/testimonial") into path friendly slug ("testimonial")
    	$slug = str_replace('acf/', '', $block['name']);
    	// include a template part from within the "/blocks" folder
    	if( file_exists(STYLESHEETPATH . "/blocks/{$slug}.php") ) {
    		include( STYLESHEETPATH . "/blocks/{$slug}.php" );

    Backend setup

    And the template output

     * Block Name: Hero
     * This is the template that displays the hero block.
     	$media = get_field('hero_media');
    	$media_path = $media['url'];
    	$media_type = $media['type'];
    	$show_headings = get_field('show_headings');
    	$heading = get_field('heading');
    	$subheading = get_field('subheading');
    <?php print_r(get_field_object('field_5c0fabfccbf96'); ?>
    <section class="hero" <?php $media_type == 'image' ?: 'style="background-image: url('.$media_path.')"'; ?>>
    	<?php if ($media_type == 'video'): ?>
    		<video autoplay muted loop id="hero-video">
    			<source src="<?= $media_path ?>" type="video/mp4">
    	<?php endif; ?>
    	<?php if ($show_headings): ?>
    		<div class="container">
    			<h2><?= $heading ?></h2>
    			<h3><?= $subheading ?></h3>
    	<?php endif; ?>

    And outputs

    This shows it is outputting the block, but the values are empty. Can anyone shed some light on what I’m doing wrong?

    Let me know if you need more details.

    Thanks, Harry.

  • Problem solved!

    So after playing around, I realised I was including the block in my template directly, rather than just using ‘the_content();’.

    So my template just looks like this now (which makes so much sense!):

      /** Template name: Home */
  • Hi

    I am attempting a very similar thing to you but having the same problem. When I add a block, type some content into the editor, then deselect the block, and reselect it, the values I entered are missing.

    I have stripped it all back to a really simple test in my functions.php file as follows:

    	'name'			=> 'my_test',
    	'title'			=> __('Test'),
    	'description'		=> __('A Test'),
    	'render_callback'	=> 'render_test',
    function render_test() {
    	$title = get_field('title');
    	$content = get_field('content');
    		<h2><?php echo $title ?></h2>
    		<?php echo $content ?>

    My template is simply:

    <?php get_header(); ?>
    <?php the_content() ?>
    <?php get_footer(); ?>

    I am using 5.8-beta3. I am at a bit of a loss as to what is going on. If anyone could give me any suggestions, I would really appreciate it!!

    Many thanks

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Can't output values on frontend’ is closed to new replies.