Block Binding API – Add prefix text with the binding value

  • rose18

    (@rose18)


    8 months ago

    I have been testing Block binding and it’s great!
    Is there a way to add static text before or after the binding value?

    For example, I have a CPT called “Books” and a ‘ISBN’ custom field.
    I have added a value to the ‘ISBN’ custom field and added the block binding code to the block editor.

    <!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"acf/field","args":{"key":"book_isbn"}}}}} -->
<p>The value of this paragraph comes from a block binding and will be replaced at render.</p>
<!-- /wp:paragraph -->

    It’s working and it’s displaying the number on the front-end, but I want to display this label text ‘ISBN:’ before the binding value like this:

    ISBN: 123456789

    Is there a way to do that without have to add an extra paragraph block (that has the ‘ISBN:’ text)?

    I want the binding value and static text to show if the ‘ISBN’ custom field is not empty. If there isn’t, then it will not show anything (no an empty paragraph ).

    Thank you!

Viewing 1 replies (of 1 total)
  • mdshak

    (@mdshak)

    I would suggest to use this code .

    function custom_format_acf_value( $value, $post_id, $field ) {

if ( $field['key'] === 'book_isbn' ) {

if ( ! empty( $value ) ) {
$value = sprintf( 'ISBN: %s', $value );
}
}
return $value;
}
add_filter( 'acf/format_value', 'custom_format_acf_value', 10, 3 );

    The ‘ISBN: ‘ text will be prepended to the value of the ‘book_isbn’ field whenever it is displayed, but only if the field is not empty. This way, you can achieve the desired result without having to add an extra paragraph block.

Viewing 1 replies (of 1 total)
  • The topic ‘Block Binding API – Add prefix text with the binding value’ is closed to new replies.

Tags