Displaying Advanced Custom Field (ACF) value in a WooCommerce hook

Question

I want to display the value from an Advanced Custom Field (ACF) in Woocommerce and I am using this code in this function hooked:

add_action( 'woocommerce_single_product_summary', 'charting', 20 );

function charting() {
    if( get_field('size_chart') ) { 
       echo '<p><a href="'.the_field('size_chart').'" data-rel="prettyPhoto">size guide</a></p>';
    }
    return;
}

But it is not working, it is displaying the custom field value above the href (size guide) and the href is empty like this:

<a href="" data-rel="prettyPhoto">size guide</a>

Are you sure the value has been saved? What do you get if you var_dump(the_field('size_chart'));? — helgatheviking

LoicTheAztec LoicTheAztec · Accepted Answer · 2016-07-11T23:20:13

Your problem is that you can't use echo with ACF the_field('my_field') , because when using the_field('my_field') is just like using echo get_field('my_field'), so you are trying to echo an echo. Instead use get_field('my_field') this way in your code:

add_action( 'woocommerce_single_product_summary', 'charting', 20 );

function charting() {
    if( !empty( get_field('size_chart') ) ) { // if your custom field is not empty…
        echo '<p><a href="' . get_field('size_chart') . '" data-rel="prettyPhoto">size guide</a></p>';
    }
    return;
}

After, I have add empty() function in your condition…

You can also try to return it instead of echo:

    return '<p><a href="' . get_field('size_chart') . '" data-rel="prettyPhoto">size guide</a></p>';

Reference:

Displaying Advanced Custom Field (ACF) value in a WooCommerce hook

2 Answers