Venta adicional de Woocommerce con casillas de verificación

Tengo un problema con una nueva sección de ventas adicionales que agregué para un sitio web de wordpress/woocommerce.

Las ventas adicionales se muestran muy bien en la página del producto y se pueden agregar al carrito, pero las ID del producto se adjuntan después de la etiqueta.

Por favor vea las fotos adjuntas;

El código que estoy usando;

Funciones.php

    function add_upsells_to_cart( $cart_item_key ) {
    global $woocommerce;

    if ( empty( $_REQUEST['upsells'] ) || ! is_array( $_REQUEST['upsells'] ) )
        return;

    // Prevent loop
    $upsells = $_REQUEST['upsells'];
    unset( $_REQUEST['upsells'] );

    // Append each upsells to product in cart
    foreach( $upsells as $upsell_id ) {
        $upsell_id = absint( $upsell_id );

        // Add upsell into cart and set upsell_of as extra key with parent product item id
        $woocommerce->cart->add_to_cart( $upsell_id, 1, '', '', array( 'upsell_of' => $cart_item_key ) );
    }
}

/**
 * ADDED UPSELL FUNCTION ON PRODUCT PAGE
 */
add_action( 'woocommerce_add_to_cart', 'add_upsells_to_cart', 1, 6 );
/**
 * Inject upsell_of extra key cart item key when cart is loaded from session
 */
function get_cart_items_from_session( $item, $values, $key ) {
    if ( array_key_exists( 'upsell_of', $values ) )
        $item[ 'upsell_of' ] = $values['upsell_of'];

    return $item;
}
add_filter( 'woocommerce_get_cart_item_from_session', 'get_cart_items_from_session', 1, 3 );


/**
 * Remove associated upsells if product removed from cart
 */
function remove_upsells_from_cart( $cart_item_key ) {
    global $woocommerce;

    // Get cart
    $cart = $woocommerce->cart->get_cart();

    // For each item in cart, if item is upsell of deleted product, delete it
    foreach( $cart as $upsell_key => $upsell )
        if ( $upsell['upsell_of'] == $cart_item_key )
            unset( $woocommerce->cart->cart_contents[ $upsell_key ] );
}
add_action( 'woocommerce_before_cart_item_quantity_zero', 'remove_upsells_from_cart' );

contenido-producto-único.php

<!-- .product_upsell -->
            <?php

            $upsells = $product->get_upsell_ids();
            $prod_id = get_the_ID();

            if ( sizeof( $upsells ) == 0 ) return;

            $meta_query = $woocommerce->query->get_meta_query();

            $args = array(
                'post_type'           => 'product',
                'ignore_sticky_posts' => 1,
                'no_found_rows'       => 1,
                'posts_per_page'      => $posts_per_page,
                'post__in'            => $upsells,
                'post__not_in'        => array( $prod_id ),
                'meta_query'          => $meta_query
            );

            $query = new WP_Query( $args );

            if ( $query->have_posts() ): ?>

                <div class="product_upsells">
                    <h3>Customers also buy:</h3>
                <ul>
                <?php while ( $query->have_posts() ): $query->the_post(); ?>
                    <label class="upsell">
                            <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( the_ID() ), 'single-post-thumbnail' );?>
                            <img src="https://stackoverflow.com/questions/46851953/<?php echo $image[0]; ?>" />
                            <span class="upsell_<?php the_ID(); ?>"><input type="checkbox" name="upsells[]" id="upsell_<?php the_ID(); ?>" value="<?php the_ID(); ?>" /> <?php the_title(); ?> 
                                    <?php if ( get_post_meta( get_the_ID(), '_sale_price', true) ) { ?>  
                        <span>&pound;<?php $saleprice = get_post_meta( get_the_ID(), '_sale_price', true); echo money_format('%.2n', $saleprice) . "\n";  ?></span>
                    <?php } else { ?>
                        <span>&pound; <?php $price = get_post_meta( get_the_ID(), '_regular_price', true); echo $price;  ?></span>
                        <?php } ?></span></label>
                            </span>
                    </label>

                <?php endwhile; ?>
                </ul>
            <?php endif; ?>

        </div><!-- END.product_upsell -->

Su problema es causado por la siguiente línea:

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( the_ID() ), 'single-post-thumbnail' );?>

Necesitas reemplazar the_ID() con get_the_ID().

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'single-post-thumbnail' ); ?>

Actualmente lo que pasa es que cuando defines tu $image variable, también es haciendo eco de la identificación porque the_ID() función repite el valor de retorno de get_the_ID(). El código fuente es literalmente el siguiente:

function the_ID() {
    echo get_the_ID();
}

¡Cambiar esos debería solucionar el problema de manera agradable y fácil!

En términos generales, WordPress tiene dos tipos de funciones de valor de publicación:

Funciones de pantalla: Generalmente se definen con the_[…]() y hará eco (mostrar) el valor devuelto. Ideal para etiquetas de plantilla donde solo desea mostrar ese valor particular. Efectivamente, simplemente hacen echo get_the_[…]().

Recuperación (o Devolver) Funciones: Generalmente se definen con get_the_[…](). Estos son con los que desea definir variables, ya que solo devuelven el valor y no lo generan.