Anzeigen des ACF-Werts (Advanced Custom Field) in einem WooCommerce-Hook

Ich möchte den Wert aus einem erweiterten benutzerdefinierten Feld (Advanced Custom Field, ACF) in Woocommerce anzeigen und verwende diesen Code in der folgenden Funktion:

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;
}

Aber es funktioniert nicht, es zeigt den benutzerdefinierten Feldwert über der href (Größenübersicht) an und die href ist leer, wie folgt:

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