Avisos
Vaciar todo

check out

14 Respuestas
3 Usuarios
0 Reactions
37 Visitas
Respuestas: 109
Estimable Member
Topic starter
 

Hola hay 2 cosas que me gustaria hacer en el check out la 

1 Quitar la opción enviar a una dirección diferente 

2 poner esa pagina en 2 columnas osea que la parte donde se ve el pedido y los medios de pago queden al lado de donde uno pone los datos.

 

gracias.

 

Contenido solo visible a usuarios registrados


 
Respondido : 01/03/2022 6:39 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jonathan,

Con respecto a la primera duda, esto se utiliza cuando la opción de envío no es la misma de facturación, es decir puede estar comprando un producto una persona de un lugar y ser un regalo para otra persona es por esto que se suele dejar esta opción activa.

Igualmente, para desactivarlo ingresa a:

Woocommerce > Ajustes > Envios > opciones de envío

image

Con respecto a tu segunda duda, puedes implementar este css agregándolo en Apariencias > Personalizar > Css adicional, al final del todo:

/* Dos culumnas finalizar comprar */
@media (min-width: 993px) {
body .woocommerce .col2-set .col-1{
width:100%;}
.woocommerce-billing-fields h3{
margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{
float:left;width:48%;margin-left:2%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%;
}
}

Verifica y nos comentas.

Un saludo 🖐️ 


 
Respondido : 01/03/2022 6:59 pm
Respuestas: 109
Estimable Member
Topic starter
 

@argenis gracias implemente el cogido y si quedo la columna al lado pero mira que se desconfiguro la vista en movil en la seccion donde esta el codigo de de descuento y en la parte de abajo donde esta pagar quedo montado con los metodos de pago

WhatsApp Image 2022 03 01 at 3.00.22 PM
WhatsApp Image 2022 03 01 at 3.00.23 PM (1)
WhatsApp Image 2022 03 01 at 3.00.23 PM

 


 
Respondido : 01/03/2022 8:03 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jonathan,

No veo que esté aplicado el cambio, como te hemos comentado en varias oportunidades, instala el complemento de caché y vacía la caché del mismo:

image

Una captura de como lo seguimos viendo.

Un saludo 🖐️ 


 
Respondido : 01/03/2022 8:09 pm
Respuestas: 109
Estimable Member
Topic starter
 

@argenis

@argenis que pena cuando vi el error lo quite por que la pagina esta operando y no queria que se viera con esos errores pero ya lo puse otra ves 

igual que las capturas que envie se ve en este momento 

Tambien me gustaria que me ayudaras en el formato cambiando los textos a la izquierda no en el centro 

 

gracias.


 
Respondido : 01/03/2022 8:36 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Jonathan, 

Para solucionar el error sobre la superposición de los textos y el botón en finalizar compra prueba el siguiente código CSS

.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 30px;
}
.woocommerce-privacy-policy-text {
line-height: 20px;
text-align: left;
}

Verifica si con ello se muestra de forma correcta esta sección

Un Saludo 

 


 
Respondido : 01/03/2022 8:54 pm
Respuestas: 109
Estimable Member
Topic starter
 

Hola No se sigue viendo igual esta superpuesto 


 
Respondido : 02/03/2022 12:16 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Jonathan, 

Envíanos una captura de donde estás añadiendo en CSS y como se muestra, actualmente si ingreso a tu sitio web lo veo de la siguiente manera

image

Verífica borrar la cache de tu sitio web y navegador y comprueba si logras ver los cambio.

Revisa esto y nos comentas como ha ido todo

Un Saludo 


Esta publicación ha sido modificada el hace 4 años por Karen Rios
 
Respondido : 02/03/2022 1:11 am
Respuestas: 109
Estimable Member
Topic starter
 

@karen Hola en pc si se ve bien pero en movil siguen montado.

WhatsApp Image 2022 03 02 at 11.12.21 AM
WhatsApp Image 2022 03 02 at 11.12.22 AM

 


 
Respondido : 02/03/2022 4:16 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Jonathan, 

En este caso verifica si el siguiente código CSS te muestra de forma correcta la versión móvil 

@media only screen and (max-width: 767px) {
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 20px;
line-height: 20px;
}
}

Verifica esto y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 02/03/2022 4:20 pm
Respuestas: 109
Estimable Member
Topic starter
 

@karen garcias ya se soluciono el del boton del pago pero en la parte de arriba donde va lo del cupon sigue montado 

me ayudas gracias.


 
Respondido : 02/03/2022 5:43 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Jonathan, 

Para este apartado prueba añadir en el media query anterior el siguiente código, 

.woocommerce-info {
line-height: 20px;
}

Quedaría así 

@media only screen and (max-width: 767px) {
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 20px;
line-height: 20px;
}

.woocommerce-info {
line-height: 20px;
}
}

Verifica si con ello se soluciona esta sección

Un Saludo 


 
Respondido : 02/03/2022 5:55 pm
Respuestas: 109
Estimable Member
Topic starter
 

@karen muchas gracias ya quedo bien ahora una ultima cosa como puedo hacer para que nos nombres en el formulario de checkout queden al lado izquierdo osea 

los que dicen Nombre direccion ciudad telefono email etc? gracias.


 
Respondido : 02/03/2022 6:44 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Jonathan, 

Para alinear estos textos puedes probar con el siguiente código CSS

.woocommerce form .form-row label {
text-align: left;
}

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 


 
Respondido : 02/03/2022 6:51 pm