Agregar botón "Checkout" adicional junto al botón "Añadir al carrito" en la página de producto de WooCommerce

No necesitas modificar tus archivos de plantilla para esto, en su lugar puedes usar el hook de WooCommerce woocommerce_after_add_to_cart_button. Este hook agregará contenido después del botón "Agregar al carrito".

Si el cliente hace clic en este botón, el producto debería agregarse al carrito y el cliente debería ser enviado a la página de pago, ¿verdad?

Básicamente puedes agregar productos al carrito con un enlace como este:

http://example.com/cart/?add-to-cart=<ID del producto>

Entonces, usando el hook mencionado anteriormente y teniendo en cuenta esta URL, podemos agregar un segundo botón con este fragmento de código:

function add_content_after_addtocart() {

    // obtener el ID actual del producto/publicación
    $current_product_id = get_the_ID();

    // obtener el producto basado en el ID
    $product = wc_get_product( $current_product_id );

    // obtener la URL de la "Página de Pago"
    $checkout_url = WC()->cart->get_checkout_url();

    // ejecutar solo en productos simples
    if( $product->is_type( 'simple' ) ){
        echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="single_add_to_cart_button button alt">Pagar</a>';
    }
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

Esto agregará un botón después del botón normal de Agregar al carrito en las páginas de productos individuales. Como puedes ver, también agregué una verificación para ver si el producto actual es un producto simple o no. Si deseas usar esto con variaciones, es más difícil. Con estos productos necesitas generar una URL como:

http://example.com/cart/?add-to-cart=123&variation_id=456&attribute_pa_colour=negro

Quizás también necesites verificar la opción predeterminada de WooCommerce Habilitar AJAX Agregar al carrito (WooCommerce > Productos > Mostrar). No lo he probado con esta configuración.

Actualización para incluir la cantidad

Si deseas agregar una cantidad, también puedes agregar un parámetro a nuestra URL del botón, así:

http://example.com/cart/?add-to-cart=<ID del producto>&quantity=<número de cantidad>

Sin embargo, dado que un cliente puede cambiar la cantidad con el campo de entrada de WooCommerce, necesitamos una forma de obtener el valor actual de este campo.

Así que tenemos múltiples opciones aquí,

• escuchar un evento de cambio en el campo de cantidad para actualizar nuestra URL,

• o agregar el valor actual del campo de cantidad a la URL, solo si se hace clic en nuestro botón personalizado.

El siguiente código utiliza el segundo enfoque, solo cuando se hace clic en el botón se agrega el parámetro.

Dentro de la función if( $product->is_type( 'simple' ) ), antes del echo, ingresa este script:

<script>
    jQuery(function($) {
    <?php /* si se hace clic en nuestro botón personalizado, agregar la cadena "&quantity=", y también el número de cantidad a la URL */ ?>

        // si se hace clic en nuestro botón personalizado
        $(".custom-checkout-btn").on("click", function() {

            // obtener el valor del atributo "href"
            $(this).attr("href", function() {
                // devolver el valor de "href" + la cadena "&quantity=" + el número de cantidad seleccionado actualmente
                return this.href + '&quantity=' + $('input.qty').val();
            });

        });
    });
    </script>

¡No incluí las etiquetas de inicio y fin de PHP en el código anterior! Así que necesitas terminar PHP antes del (?>) y comenzarlo nuevamente después del script (