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>

Answer 1

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:

• ACF the_field
• ACF get_field

Answer 2

I used this code and it worked well in local but when i upload function file in server it doesn,t work and it gives server error 500, so I had to remove this code again