How to add fields to a cart page in woocommerce?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// Add custom field to cart page
add_filter( 'woocommerce_cart_fields', 'custom_cart_field' );
function custom_cart_field( $fields ) {
    $fields['custom_field'] = array(
        'label' => __('Custom Field', 'your_text_domain'),
        'placeholder' => _x('Enter custom value', 'placeholder', 'your_text_domain'),
        'required' => true,
        'class' => array( 'form-row-wide' )
    );
    return $fields;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<?php do_action( 'woocommerce_before_cart_table' ); ?>

<form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">

    <?php do_action( 'woocommerce_before_cart_contents' ); ?>

    <?php
    foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
        $_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
        // Display custom field here
        echo '<input type="text" name="cart[' . $cart_item_key . '][custom_field]" value="' . esc_attr( isset( $cart_item['custom_field'] ) ? $cart_item['custom_field'] : '' ) . '" />';
    }
    ?>

</form>