Skip to main content
Revertido a la revisión 2
Origen Enlace
fedorqui
  • 16.7k
  • 24
  • 71
  • 134

(SOLUCIONADO) - ¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

Solución

Al final he conseguido arreglar mi problema. He enviado los datos mediante AJAX, pues, no me quedaba otra.

Básicamente, en la parte de JS y tras calcular el precio final, llamaba a una función a la cual le pasaba como parámetro el precio total. La función es la siguiente:

function enviarPrecio(precio){
$.ajax({
    type: "POST", // Método de envio
    url:'url', // URL a la cual le enviamos los datos
    data: {precioFinal:precio}, // Datos que vamos a enviar, en este caso una variable llamada precioFinal con el precio
    beforeSend: function () { // Esto se ejecuta antes de enviar
            console.log("Procesando, espere por favor..."); 
    }
}); 

}

En cuanto al functions.php, tengo puesto lo siguiente:

if (isset($_POST['precioFinal'])) { // Si me llega por el POST algo con el nombre de precioFinal...
    
    // Acciones a llevar a cabo
}

Darle las gracias a @Gilbert Rodríguez, por su respuesta y ayuda.

(SOLUCIONADO) - ¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

Solución

Al final he conseguido arreglar mi problema. He enviado los datos mediante AJAX, pues, no me quedaba otra.

Básicamente, en la parte de JS y tras calcular el precio final, llamaba a una función a la cual le pasaba como parámetro el precio total. La función es la siguiente:

function enviarPrecio(precio){
$.ajax({
    type: "POST", // Método de envio
    url:'url', // URL a la cual le enviamos los datos
    data: {precioFinal:precio}, // Datos que vamos a enviar, en este caso una variable llamada precioFinal con el precio
    beforeSend: function () { // Esto se ejecuta antes de enviar
            console.log("Procesando, espere por favor..."); 
    }
}); 

}

En cuanto al functions.php, tengo puesto lo siguiente:

if (isset($_POST['precioFinal'])) { // Si me llega por el POST algo con el nombre de precioFinal...
    
    // Acciones a llevar a cabo
}

Darle las gracias a @Gilbert Rodríguez, por su respuesta y ayuda.

¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

se añadieron 1016 caracteres en el cuerpo; título editado
Origen Enlace

(SOLUCIONADO) - ¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

Solución

Al final he conseguido arreglar mi problema. He enviado los datos mediante AJAX, pues, no me quedaba otra.

Básicamente, en la parte de JS y tras calcular el precio final, llamaba a una función a la cual le pasaba como parámetro el precio total. La función es la siguiente:

function enviarPrecio(precio){
$.ajax({
    type: "POST", // Método de envio
    url:'url', // URL a la cual le enviamos los datos
    data: {precioFinal:precio}, // Datos que vamos a enviar, en este caso una variable llamada precioFinal con el precio
    beforeSend: function () { // Esto se ejecuta antes de enviar
            console.log("Procesando, espere por favor..."); 
    }
}); 

}

En cuanto al functions.php, tengo puesto lo siguiente:

if (isset($_POST['precioFinal'])) { // Si me llega por el POST algo con el nombre de precioFinal...
    
    // Acciones a llevar a cabo
}

Darle las gracias a @Gilbert Rodríguez, por su respuesta y ayuda.

¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

(SOLUCIONADO) - ¿Cómo puedo sustituir el precio de un producto por otro generado mediante JS en Woocommerce?

Estoy haciendo una tienda online y me encuentro en la siguiente dicha; Todos los productos de la tienda tienen un precio de 0€. El precio se calcula dependiendo de una serie de atributos, como la anchura y altura (estas mediante condiciones), el tipo de material etc. Hasta ahora, lo que tengo es un botón que, una vez pulsado, llama a una función y calcula el precio final del producto, escribiéndolo en el DOM para que el usuario lo visualice y proceda si quiere a comprar el producto. En el funtions.php de mi tema tengo el siguiente código:

add_action( 'woocommerce_before_calculate_totals', 'add_custom_price' );

function add_custom_price( $cart_object ) {
        $nuevoPrecio = ""; // Precio calculado por JS 
        foreach ( $cart_object->cart_contents as $key => $value ) {
            $value['data']->set_price($nuevoPrecio);
        }
}

He probado el gancho escribiendo yo el valor manualmente y funciona, el problema es que no sé como llevar el precio que calculé en JS a esta parte y hacer que el precio se modifique, he oido que con AJAX, pero no se como hacerlo. Muchas gracias por su tiempo y ayuda de forma anticipada a todos.

Solución

Al final he conseguido arreglar mi problema. He enviado los datos mediante AJAX, pues, no me quedaba otra.

Básicamente, en la parte de JS y tras calcular el precio final, llamaba a una función a la cual le pasaba como parámetro el precio total. La función es la siguiente:

function enviarPrecio(precio){
$.ajax({
    type: "POST", // Método de envio
    url:'url', // URL a la cual le enviamos los datos
    data: {precioFinal:precio}, // Datos que vamos a enviar, en este caso una variable llamada precioFinal con el precio
    beforeSend: function () { // Esto se ejecuta antes de enviar
            console.log("Procesando, espere por favor..."); 
    }
}); 

}

En cuanto al functions.php, tengo puesto lo siguiente:

if (isset($_POST['precioFinal'])) { // Si me llega por el POST algo con el nombre de precioFinal...
    
    // Acciones a llevar a cabo
}

Darle las gracias a @Gilbert Rodríguez, por su respuesta y ayuda.

título editado
Enlace

¿Cómo puedo sustituir el precio de un valorproducto por otro generado mediante JS por el del producto en Woocommerce?

Origen Enlace
Loading