Avisos
Vaciar todo

[Resuelto] Formulario de pago de woocommerce

8 Respuestas
4 Usuarios
0 Reactions
16 Visitas
Respuestas: 7
Active Member
Topic starter
 

Buenos días

Estoy teniendo un problema con la web, en concreto con la parte del formulario de pago de woocommerce

El caso es que no se ven ni la parte de "Aceptar términos y condiciones&" ni la parte de "Política de privacidad"
Estas dos partes si existen en la página (adjunto imagen donde rodeo las dos partes) pero no aparecen al cliente (creo que están debajo del botón o algo así)

La conclusión es que el cliente no puede comprar ya que no puede aceptar los términos al no aparecerle la casilla

Muchas gracias por su ayuda,

Un saludo

 

Captura

Contenido solo visible a usuarios registrados


 
Respondido : 18/12/2020 8:00 am
Tags del tema
Pepe
 Pepe
Respuestas: 41110
Illustrious Member Admin
 

Hola Gloria.

Por lo que parece está oculto.

Prueba añadiendo lo siguiente:

.woocommerce-checkout section .woocommerce form.checkout #order_review #payment .place-order .woocommerce-terms-and-conditions-wrapper {
display: initial;
}

 

Puedes añadirlo Apariencia -> Personalizar -> CSS Adicional:

screenshot mary52.webempresa.eu 2020.12.18 10 41 34

 

Un saludo

 


Esta publicación ha sido modificada el hace 5 años por Pepe
 
Respondido : 18/12/2020 9:42 am
Respuestas: 7
Active Member
Topic starter
 

@pepesoler muchas gracias por tu respuesta y tu rapidez 🙂

Correcto, ya se ven ambas cosas, pero ahora tengo un problema de visualización que no puedo solucionar

Me salen campos superpuestos y se ve feo 🙁

¿Puedes ayudarme? No sé qué hacer

 

Gracias!

Un saludo 🙂


 
Respondido : 18/12/2020 10:09 am
Karen Rios
Respuestas: 18649
Illustrious Member Moderator
 

Hola Gloria,

Supongo te refieres a estos elementos

Screenshot

Si es así, prueba añadir el siguiente código CSS y verifica si con ello logras ubicarlos de forma correcta

.woocommerce-checkout section .woocommerce .woocommerce-form-coupon {
top: 430px;
}

.woocommerce-checkout section .woocommerce form.checkout #order_review #payment {

top: 60%;
}

.woocommerce-terms-and-conditions-checkbox-text {
margin-left: 20px;
}

.woocommerce form .form-row .input-checkbox {
margin: 8px 8px 0 0;

}

Nos comentas como ha ido todo

Un Saludo


 
Respondido : 18/12/2020 11:33 am
Respuestas: 7
Active Member
Topic starter
 

@karen muchas gracias por tu respuesta!!

He logrado que se vea mucho mejor gracias a ti, de hecho en el PC se ve perfecto

Sin embargo, en la vista de móvil, aparece así (adjunto foto). Se sobrepone el resumen del pedido con los tipos de pago posibles

Captura

Alguna idea?

 

Gracias de nuevo!!

 

Un abrazo

 


 
Respondido : 18/12/2020 1:32 pm
Argenis
Respuestas: 11572
Illustrious Member Moderator
 

Hola Gloria,

Intenta agregando el siguiente código:

@media screen and (max-width: 980px) {
ul.wc_payment_methods.payment_methods.methods {
margin-top: 110px !important;
padding-left: 40px !important;
padding-right: 20px !important;
background-color: white !important;
}
}

un saludo 🖐️ 


 
Respondido : 18/12/2020 1:43 pm
Respuestas: 7
Active Member
Topic starter
 

Muchas gracias a todos!!! Ya se ven bien todos los componentes 😍 😍 

Mil gracias!

 

Un saludo,

Gloria 😊 


 
Respondido : 18/12/2020 1:54 pm
Argenis
Respuestas: 11572
Illustrious Member Moderator
 

Hola Gloria,

Encantados de poder ayudar 😀, recuerda si tienes alguna otra duda puedes crear un nuevo tema, y con todo el gusto lo atenderemos.

Un saludo 🖐️ 


 
Respondido : 18/12/2020 1:57 pm