Desplegable tallas producto prestashop se cierra en móviles (tema Calisto)  

 
Micky
 Micky
Estimable Member

Hola.
Haciendo pruebas para visualizar los productos en móviles me he dado cuenta de que el desplegable para tallas no se abre, haciendo imposible seleccionar una talla desde el móvil.
http://quierominegocioenlared.com/psdemo/sillas/5-silla-eames-dsw.html

¿Podéis ayudarme a solucionar este problema?

Muchas gracias por adelantado.

Edito, y añado lo siguiente:

Dándole algunas vueltas más he visto que tampoco me deja hacer login con usuario y contraseña, y no añade el producto al carrito :ohmy: ( He probado con varios teléfonos y tablets con android 4.x )

Entrando desde un movil con Adroid 5 Lolipop, todo funciona corectamente (con un iPad, también ok) ... no entiendo nada....

¿Alguna idea de cómo solucionar esto?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/01/2016 5:14 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Lo he probado con Android 4.2 y si que funciona la seleccion , tal vez depende del navegador de tu movil, lo he probado con google chrome

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/01/2016 8:28 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Micky
 Micky
Estimable Member

Muchas gracias por responderme Jhon.

El problema del desplegable solo ocurre con el navegador por defecto de android 4.x

En Crhome y firefox instalados en android 4 funciona

Si el cliente tiene instalado otro navegador en su móvil o tablet, no tienes problema, pero si utiliza el navegador por defecto (como hace gran cantidad de gente) el desplegable no funciona.

¿Se pude solucionar de alguna forma? ¿modificando el código de algún archivo .tpl, quizás?

La verdad es que no sé por dónde intentar solucionarlo. Si me pudiérais orientar os lo agradecería.

Gracias

ResponderCitar
Respondido : 14/01/2016 8:38 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

He probado en un Sansumg Galaxy 4 con Android 5.0.1 y verifico que funciona sin problemas. Quizás solo depende de la actualización del software del teléfono.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/01/2016 11:58 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Micky
 Micky
Estimable Member

Hola, Johnny

Muchas gracias por tu tiempo.

Tal y como os comento en mis otros posts, sé que funciona en teléfonos y tablets Android 5 , en iPad y iPhone con sus navegadores nativos, pero en Android 4.x con su navegador nativo NO FUNCIONA el desplegable de talla. Y esto es un problema, ya que todavía hay muchos usuarios de android 4.x

¿Hay alguna forma de solucinarlo modificando alguna línea de código o similar?

ResponderCitar
Respondido : 15/01/2016 12:16 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

He revisado en un tablet Huawei con la versión 4.1.2 y me funciona correctamente, estoy haciendo las pruebas con el navegador por defecto no con aplicaciones como Chrome o Firefox.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/01/2016 3:01 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Micky
 Micky
Estimable Member

Hola de nuevo Johnny:

No sé por qué no te ocurre a ti, pero el problema existe. Además de probar con todos los dispositivos móviles que tenía a mano, he llamado a un par de compañeros que han hecho lo mismo que yo y también les ocurre lo mismo. En Android 4.x, con el navegador nativo, no les va el desplegable de tallas (se abre y cierra muy rápido, sin opción casi a verlo) y en android 5.x, iPad, iPhone o con Chrome y Firefox, en cualquier Android, sí que funciona

Después de todas las pruebas le he dado la vuelta a Internet y he localizado un post en un foro que tiene la solución al problema:

http://stackoverflow.com/questions/26780781/atrributes-selection-not-working-on-android-browsers

La solución pasa por editar una línea de código en el archivo product.tpl :

Hay que localizar esta (línea 339);

y cambiarla por esta otra:

Lo he probado y funciona, pero el problema es que también hay que modificar algo más para que el estilo se mantenga, y no entiendo muy bien dónde tengo que añadir el código.

En ese post me indican que, una vez haya modificado la línea de código del archivo product.tpl, haga lo siguiente:

Then to add your global.css file inside your {your_theme}/css Add the following to make it look go again:

select#group_3.attribute_select {width: 60%!important;}
select#group_1.attribute_select {width: 60%!important;}

The numbers after group vary per website, so take a look which group number is being used for you attribute selector.

.

La verdad es que no sé dónde añadir esas dos líneas y tampoco cómo localizar el número de grupo utilizado por el selector de atributos. ¿Podéis orientarme para poder terminar de solucionar el problema, por favor?. Como digo sólo me falta arreglar el tema de estilo del desplegable.

Espero que esto pueda ayudar a otros que tengan el mismo problema que yo 😉

Muchas gracias a todos por vuestra ayuda.

ResponderCitar
Respondido : 15/01/2016 7:16 am
Julen
 Julen
Miembro Admin

Hola,

Tras comprobar lo que nos comentas, visualizo correctamente tu web en la mayoría de los dispositivos móviles, como puedes comprobar en:

http://quirktools.com/screenfly/#u=http%3A//quierominegocioenlared.com/psdemo/sillas/5-silla-eames-dsw.html&w=320&h=568&a=37&s=1

Por lo tanto, es posible que el problema este relacionado con el navegador que estas usando ¿Has probado a acceder desde distintos navegadores y verificar si te sucede lo mismo?

En cuanto a los estilos, visualizamos correctamente el sitio web, por lo tanto necesitaríamos que nos envíes una capturas de pantalla para que podamos ver que estilos se han desconfigurado.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/01/2016 9:53 am

Cursos Gratuitos WordPress

Micky
 Micky
Estimable Member

Muchas gracias por tu respuesta, Julen

No debo haberme explicado del todo bien. Nunca ha habido ningún problema con el visionado en dispositivos móviles. La web se ve bien, incluso en Android 4.x.

El problema es que en Android 4.x, con el navegador nativo, no les va el desplegable de tallas (se abre y cierra muy rápido, sin opción casi a verlo)

En mi último post ( #231873) os explicaba cómo había solucionado el tema del selector de talla, pero me faltaba la parte que afecta al estilo del desplegable, una vez se ha modificado el archivo product.tpl

Ahor no tengo modificada la línea de código para que se pueda ver el fallo, pero cuando la modifico, el desplegable pierde el estilo. Por eso os pedía ayuda para poder corregir eso.

Gracias por vuestra ayuda

ResponderCitar
Respondido : 15/01/2016 4:05 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Has puesto la modificación de código ? por que lo sigo viendo igual,

Si quieres agregar estilos CSS, puedes usar este archivo para agregarlos :
/psdemo/themes/Calisto/css/customuser.css

Si quieres averigura rel grupo IDs o clases puedes usar Firebug ( complemento del navegador firefox o chrome), revisa :

https://www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/01/2016 6:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Micky
 Micky
Estimable Member

Edito mi último post porque al final he conseguido hacer funcionar el desplegable de las tallas en el navegador nativo de Android 4.x, pero el problema es que no encuentro la manera de aplicar el estilo que quiero al botón de selección de tallas (al borde del campo y al texto de talla sí que puedo)

Gracias a las indicaciones de Jhon he podido localizar los nombres de los grupos y aplicar el estilo al borde del campo de selección y al texto de las tallas en el archivo customer.css, pero no encuentro la manera de aplicar este estilo al botón de selección.

Me podéis orientar, por favor

Muchas gracias por vuestra ayuda

ResponderCitar
Respondido : 15/01/2016 6:49 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Veo que ya tienes algunos estilos aplicados a select de tallas, entiendo que aún quieres darle más estilos y que luzca diferente.

Sin embargo ten en cuenta que para algunos controles como el select, es dificil por ejemplo darle estilo al botón, es por eso que para dar más diseño tendrías que aplicar javascript (como lo tenías antes y te causaba problemas), o usar unos artificios como envolver el control select en otro Div , etc

Por ejemplo :
http://bavotasan.com/2011/style-select-box-using-only-css/

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/01/2016 3:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Micky
 Micky
Estimable Member

Muchas gracias por la respuesta, Jhon.

En cuanto tenga oportunidad lo probaré.

Gracias de nuevo

ResponderCitar
Respondido : 19/01/2016 11:36 am
Antonio
 Antonio
Usuario eminente

Hola Micky.

En mi caso, no da problemas al seleccionar tallas o atributos, es solo al momento de registrarse, He borrado las cookies de mi móvil y volvi a realizar los pasos y todo funciona bien. Pero mis clientes cuando les ocurre el fallo, no se van a detener a limpiar sus cookies, es algo que tengo que resolverlo , si hay que desactivar o activar un pluggins, no lo se.

ResponderCitar
Respondido : 20/01/2016 4:52 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro