пользовательское поле страница продукта woocommerce

На моей странице продукта woocommerce я пытаюсь добавить настраиваемое поле ввода, чтобы клиенты могли ввести значение в поле количества, которое будет проходить через процесс оформления заказа.

Я нашел некоторую документацию на сайте Woocommerce о хуках / действиях http://docs.woothemes.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/.

Я добавил приведенный ниже код в мой файл functions.php, и по крайней мере он должен отображать поле ввода в поле продукта, но отображает только значение h2.

<?php
/**
* Add the field to the product page
*/
add_action( 'woocommerce_before_add_to_cart_button', 'custom_quantity' );

function custom_quantity( $product ) {

echo '<div id="my_custom_checkout_field"><h2>' . __('My Field') . '</h2>';

woocommerce_form_field( 'my_field_name', array(
'type'          => 'text',
'class'         => array('my-field-class form-row-wide'),
'label'         => __('Fill in this field'),
'placeholder'   => __('Enter something'),
), $product->get_value( 'my_field_name' ));

echo '</div>';

}
?>

Может кто-нибудь помочь, почему это происходит? Есть ли ошибка в моем коде. Я новичок в WooCommerce и пытаюсь понять это.