Mostrar datos actualizados en la página de pago de woocommerce

4 minutos de lectura

avatar de usuario
Vignesh Pichamani

La pregunta puede ser rara 🙁

Estoy tratando de mostrar información sobre el descuento a través de shortcode en página de pago de woocommerce con gancho de woocommerce_before_checkout_form Si apliqué el cupón en la página del carrito y visité el pago, noté que los mensajes de enlace muestran el valor correcto del descuento, pero si elimino / agrego del pago, no aparece nada en eso woocommerce_before_checkout_form gancho lo intenté eliminando y agregando ese gancho pero aún así el valor del shortcode no se está actualizando, lo probé muchas veces con la siguiente función, ¿alguien puede tener algunas ideas/sugerencias? sería genial

<?php

/*
 * Plugin Name: Hook Priority
 *
 */

function add_my_shortcode() {
    ob_start();
    global $woocommerce;
    echo $woocommerce->cart->discount_cart;
    return ob_get_clean();
}

add_shortcode('my_shortcode', 'add_my_shortcode');

function add_message_in_checkout() {
    var_dump(do_shortcode('[my_shortcode]'));
}

add_action('woocommerce_before_checkout_form', 'add_message_in_checkout');

function coupon_removed_function( $coupon_code ) {

    remove_all_actions('woocommerce_before_checkout_form');
    remove_shortcode('my_shortcode');
    do_action('woocommerce_before_checkout_form');
}

add_action("woocommerce_removed_coupon", 'coupon_removed_function');

Intenté con javascript para recargar la página (instancia de actualización) y está funcionando, no quiero usar eso a menos que no haya soluciones nativas de wordpress/php para superar.

echo "<script type="text/javascript">location.reload();</script>";

Lo que sucede actualmente en mi lado es

$ 10 de descuento que agregué del carrito, luego en el pago puedo ver el valor de $ 10, pero si elimino el cupón del pago, todavía muestra $ 10 pero debería ser $ 0.

Gracias de antemano.

  • ¿Por qué necesita un código abreviado para agregar un cupón? ¿Tienes una captura de pantalla o una maqueta de cómo debería verse? Me está costando mucho seguir lo que buscas.

    – helgathevikingo

    13 de noviembre de 2015 a las 1:20

Puedes usar jQuery para lograr tu resultado.

Acercarse :

WooCommerce dispara un evento jQuery updated_checkout casi cada vez que sucede algo en la página de pago. Entonces puede usar ese evento para lograr el resultado deseado.

Modificación en su código actual:

1) En primer lugar agregar JS para que podamos hacer jQuery codificación en ese archivo JS.

Entonces, después de la Modificación, su código se verá así:

complemento personalizado.php

<?php

/*
 * Plugin Name: Hook Priority
 *
 */

function add_my_shortcode() {
    ob_start();
    global $woocommerce;
    echo $woocommerce->cart->discount_cart;
    return ob_get_clean();
}

add_shortcode('my_shortcode', 'add_my_shortcode');

function add_message_in_checkout() {
    //var_dump(do_shortcode('[my_shortcode]'));
    /*Modification*/
    echo '<div class="coupon_value">'.do_shortcode('[my_shortcode]').'</div>'; // Here I have modified it to give class and update value
}

add_action('woocommerce_before_checkout_form', 'add_message_in_checkout');

function coupon_removed_function( $coupon_code ) {

    remove_all_actions('woocommerce_before_checkout_form');
    remove_shortcode('my_shortcode');
    do_action('woocommerce_before_checkout_form');
}

add_action("woocommerce_removed_coupon", 'coupon_removed_function');

/*Modifications starts from here*/

/*Action to enqueue Jjavascript in Footer*/
add_action("wp_footer", 'enqueue_plugin_script');

function enqueue_plugin_script(){
    /*Enqueue Custom Javascript to use*/
    wp_enqueue_script( 'custom-script', plugin_dir_url( __FILE__ ).'custom.js', array( 'jquery' ), '1.0.0', true );
    /*Localize parameter to use in JS file*/
    wp_localize_script( 'custom-script', 'custom_values', array(
        'ajaxurl'   => admin_url( 'admin-ajax.php' ),
        'token'     => wp_create_nonce( 'token' )
    ));
}

/*AJAX Event to check for discount*/
add_action('wp_ajax_check_for_coupon', 'check_for_coupon');
add_action('wp_ajax_nopriv_check_for_coupon', 'check_for_coupon');

function check_for_coupon(){
    global $woocommerce;
    $send_json = array();
    $send_json = array('success'=>false);
    if($woocommerce->cart->discount_cart){
        $send_json = array('success'=>true, 'discount'=>$woocommerce->cart->discount_cart);
    }
    wp_send_json($send_json);
    die();
}

personalizado.js

/*
 * custom.js
 * @author : Rohil Mistry
 */

(function($){
    $(document).ready(function(){
        /*updated_checkout event*/
        $(document.body).on('updated_checkout', function(){
            /*Make an AJAX call on updated_checkout event*/
            $.ajax({
                type:       'POST',
                url:        custom_values.ajaxurl,
                data:       {action:'check_for_coupon'},
                success:    function( result ) {
                    console.info(result);
                    if(result.success){
                        $(".coupon_value").html(result.discount);
                    }
                    else{
                        $(".coupon_value").html('');
                    }
                }
            });
        });
    });
})(jQuery);

Encuentre mi comentario en línea en el código para comprender el código.

Hazme saber si tienes alguna duda.

¿Ha sido útil esta solución?