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

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

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

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.

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?

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.

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.

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

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

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.

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

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.

Muchas gracias por la respuesta, Jhon.

En cuanto tenga oportunidad lo probaré.

Gracias de nuevo

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.