Error con DIVI - WOOCOMMERCE al generar la pagina /finalizar-compra/order-pay  

Hola Fernando, 

Actualmente no logramos replicar lo que nos comentas, ya que no podemos realizar un pago, en este caso necesitamos crees un producto con importe 0 y nos envíes él enlace para que podamos probar y realizar un pedido que nos permita llegar a la página del resumen de la orden de esta forma podemos verificar que ocurre.

De manera general es posible que los módulos mencionas añades estén generando cada uno  de ellos una notificación sobre el resumen del pedido y por ello se muestre el mensaje duplicado verifica si dentro de su configuración se encuentra algo adicional que indique no mostrar una notificación 

Ten en cuenta que una opción más sencilla es usar el shortcode de woocommerce para la página de finalizar compra, de esta forma no se añade por parte cada sección con módulos y se muestra una notificación unificada 

[woocommerce_checkout]

Revisa esto y nos comentas como ha ido todo

Un Saludo

@karen

Hola Karen. No es necesario que llegueis a la pantalla de pago de redsys. Con elegir un producto y en la pagina de finalizar-compra pongais una direccion y pulseis a realizar pedido, aparece la pantalla intermedia que os digo con las notificaciones.

No he usado el shortcode [woocommerce_checkout] porque me resulta complicado customizarlo.

Muchisimas gracias.

Hola Fernando,

No me queda muy claro si es tu intención es se repitan los mensajes que tienes aquí:

O también forma parte del problema? si este resulta ser parte del problema recuerda que lo que estas agregando en el editor es parte del checkout, es decir cada uno de los módulos que tienes de checkout (billing, information o shipping) crean un espacio en el cual se le dice al cliente gracias por su compra, es por esto que se te genera la misma cantidad de secciones de gracias que botones para realizar el pago.

Una opción seria ocultar estos duplicados por medio de código css:

.page-id-50293 div#id_shipping {
display: none !important;
}
.page-id-50293 div#id_details {
display: none;
}
.page-id-50293 div#id_payments {
display: none !important;
}
.page-id-50293 .et_pb_column.et_pb_column_2_5.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough.et-last-child {
display: none !important;
}

Este lo agregas directamente en Apariencias > Personalizar > Css adicional, de esta forma se vería algo así:

Sin embargo como te comenta Karen la mejor opción es utilizar el modulo como tal de wooocmmerce base y modificar ciertos aspectos con css.

Verifica y nos comentas.

Un saludo 🖐️ 

@argenis

Hola Argenis. La solución no funciona porque al ponerles no display estamos desactivando el objeto completo, no solo la respuesta, quedando la pantalla semi-vacia.

Creo que voy a intentar reportar la incidencia a DIVI.

Por otro lado, conoces algún plugin que permita configurar las páginas de carrito y checkout y que funcione bien con DIVI?.

Muchisimas gracias por vuestra atención.

Feliz 2022

Fernando

Hola Fernando,

Estupendo, estaremos atentos por si necesitas o tienes alguna duda con respecto a lo que te mencione divi, sobre algunos complementos la mayoría ofrecen una personalizacion pero son pagos. Una opcion es seguir este tutorial:

https://diviengine.com/how-to-create-a-custom-divi-woocommerce-checkout-page/

La idea principal seria el que no se modifique el formulario como tal, es decir lo que estas haciendo sino modificar la pagina para que se vea mas fresca y adaptada a tu diseño manteniendo el shortcode de woocommerce por defecto así no se visualizarían duplicados.

Nos comentas como te ha ido.

Un saludo 🖐️