Pregunta sobre WooCommerce de Wordpress:

La caja de pago de AmazonPay rompe el diseño en la página de pago

Un usuario preguntó 👇

Sistema
WP: 5.0.3 WooCommerce: 3.5.4 Amazon WooCommerce Pay Gateway: 1.8.5 Tema (OceanWP): 1.6.3

Problema
Cuando ve la página de pago sin iniciar sesión en Amazon a través de AmazonPay, la página se ve muy bien. Pero cuando inicio sesión en Amazon, la página se rompe. A continuación se muestran capturas de pantalla.

Pasé por la SEC para hacer todo lo posible para tratar de encontrar una solución a esto, pero me molesta.

Pecado amazon
Amazonas del mar

Lanzador de hilos

(@jrothra)

Hace 2 años

Actualización: me di cuenta de que el buzón a través de Amazon normalmente estaría a la izquierda de la caja de pago. Sin embargo, no necesito direcciones (solo correo electrónico y nombre) ya que todos mis productos son digitales.

Sin embargo, el contenido a continuación no está correctamente alineado: la sección denominada «Producto» debe estar debajo de «Su pedido».

Lanzador de hilos

(@jrothra)

Hace 2 años

VERANO ENCONTRADO –

Creo que AmazonPay ha creado este CSS:

#amazon_customer_details.wc-amazon-payments-advanced-populated+#customer_details {
    display: none;
}

Usando Chrome DevTools, cuando comento CSS, la pantalla se ve muy bien. Pero cuando lo dejo activo, entonces la información del comando es lo que ves para «Sí, Amazon».

Puedo usar CSS personalizado para display: none;, pero si esto está siendo creado por el plugin de Amazon, entonces …

1. ¿Por qué? 2. ¿Es un error? 3. ¿Se puede eliminar / editar?

Lanzador de hilos

(@jrothra)

Hace 2 años

Solución alternativa (no es una solución)

Este es el límite de trabajo que estoy usando. No es una solución, sino hockey. Agregue el siguiente CSS a su archivo CSS personalizado:

#amazon_customer_details.wc-amazon-payments-advanced-populated+#customer_details {
	display: unset;
}

(@ willbefore2000)

Hace 1 año, 10 meses

Tengo el mismo problema, probé tu trabajo, me ayudó pero no resolví completamente mis problemas. ¿Tiene la versión actual de amazonpay 1.9.1? Estoy en 1.8.5

(@serafinnyc)

Hace 1 año, 10 meses

No veo ninguna pregunta. ¿Quizás porque tiene la SEC habilitada para solucionarlo? ¿Codificó ese botón? ¿No usas el plugin de Amazon de WC en absoluto?

Lanzador de hilos

(@jrothra)

Hace 1 año, 10 meses

@serafinnyc El flujo de trabajo de CSS que mencioné todavía está ahí, y tal vez por eso no está viendo el problema.

@ willbefore2000 Sí, estoy ejecutando 1.9.1. No terminé el trabajo de CSS después de la actualización, por lo que no estoy seguro de si lo necesito. Ahora está funcionando, así que lo dejaré en paz.

Esta respuesta fue modificada hace 1 año, 10 meses.

(@serafinnyc)

Hace 1 año, 10 meses

Él lo consiguió. ¿Quizás probar JS en lugar de CSS? Difícil aconsejar no verlo en vivo.

Lanzador de hilos

(@jrothra)

Hace 1 año, 10 meses

Puede funcionar si el usuario no tiene JS deshabilitado. La SEC está funcionando.

(@serafinnyc)

Hace 1 año, 10 meses

Si tienen JS deshabilitado, ninguna pasarela de pago funcionaría. Todos dependen de habilitar JS.

Lanzador de hilos

(@jrothra)

Hace 1 año, 10 meses

Buen punto. 🙂 Aún así, la SEC funcionó a la perfección.

(@serafinnyc)

Hace 1 año, 10 meses

Entonces respondiste tu propia solución 😄

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *