Avisos
Vaciar todo

Checkout adaptable dispositivos moviles

4 Respuestas
3 Usuarios
0 Reactions
12 Visitas
 Jose
Respuestas: 64
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Saludos a tod@s. Vuelvo a solicitar ayuda a ver si conseguimos solucionar un problemilla.

Actualmente uso woocommerce y la plantilla Astra. Cuando un cliente realiza un pedido y va al checkout para finalizar la compra todo se ve correctamente tanto en pc, y dispositivos móviles.

El problema viene cuando soy yo el que crea el pedido y le envía el enlace para que pueda finalizar la compra. Cuando le envío el enlace al cliente, se visualiza correctamente en las pantallas de pc, pero en las pantallas pequeñas como móviles o tables no aparecen los campos necesarios y las formas de pago. En estos dispositivos, si elige desde el navegador que se visualice como ordenador si se ve todo. Entiendo que tiene que ser algo de adaptación de pantalla.. Os dejo imágenes con ejemplos:

Así se ve en Pantalla de ordenador

Finalizar compra pc

 

Así se ve en pantalla tablet

Finalizar compra tablet

 

Así se ve en la pantalla móvil

Finalizar compra movil

 

Os dejo el enlace de un pedido de prueba para que lo puedan probar:

https://alcarazhigiene.es/finalizar-compra/pagar/28431/?pay_for_order=true&key=wc_order_D6QS8TWYx5Of9

 

Espero que puedan ayudarme.

Un saludo.

 

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 07/11/2022 9:17 am
Pepe
 Pepe
Respuestas: 42255
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Jose.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.woocommerce-checkout .woocommerce #order_review {
display:initial;
}

 

Un saludo


 
Respondido : 07/11/2022 9:43 am
 Jose
Respuestas: 64
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@pepesolerMuchas gracias. El código funciona. Un saludo 


 
Respondido : 07/11/2022 4:17 pm
Karen Rios
Respuestas: 20077
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Jose, 

Enhorabena está funcionado, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 


 
Respondido : 07/11/2022 4:18 pm