Avisos
Vaciar todo
Hola, necesito solucionar un problema visual de la tienda que estoy creando con el pack epimeteo.
Cuando pruebo a visualizar la tienda desde el móvil la pagina inicio y tienda se visualizan correctamente , pero cuando entro a la pagina para visualizar un producto con su descripción se produce un efecto un tanto molesto, si desplazo el dedo hacia la izquierda la pagina parece tener mas ancho y se desplaza quedando descuadrada (Adjunto Imagen)
Esta URL podría servir de ejemplo desde el dispositivo móvil http://lulamodainfantil.com/producto/camiseta-amarilla-cuello-pico/
He instalado el mismo paquete en otro dominio para comprobar se es algún problema mio de maquetación o algo parecido, pero el problema es el mismo
Un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 29/02/2016 7:51 pm
Hola
Has instalado algún plugin relacionado con facebook para mostrarse en el detalle de producto?
Veo que hay una etiqueta que te causa el scroll en resoluciones menores
Podrías ocultarlo por CSS, primero agrega un archivo CSS personalizado, revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
En este archivo al final agrega :
.woocommerce.single .facebook-button{
display:none;
}
Verifica si te sucede lo mismo.
Saludos.
Respondido : 29/02/2016 10:43 pm
Hola de nuevo, efectivamente con esa linea de código CSS se soluciona ese molesto desplazamiento. El problema es que de esta manera pierdo el botón de facebook me gusta y compartir.
El Pack epimeteo le tengo tal cual lo instala, no he añadido ningún plugin. ¿Es posible solucionar el problema sin tener que renunciar al botón de facebook? ya que me parece una opción muy importante para mi tienda.
Un saludo.
Respondido : 01/03/2016 10:57 am
Hola,
En tal caso, elimina los cambios aplicados para que podamos volver a analizar la página y ver si se puede aplicar una opción alternativa.
El problema está en que estos elementos de Facebook cargan de forma externa, lo que a veces provoca que sean más grandes que el ancho disponible.
Respondido : 01/03/2016 3:29 pm
ok, ya he revertido los cambios.
Respondido : 01/03/2016 3:59 pm
Hola
Prueba con lo siguiente, ubica este archivo :
/wp-content/plugins/woocommerce-facebook-share-like-button/css/fbshare.css
En la línea 8 aprox, verás un código como :
.facebook-button {
height: 25px;
width: 400px !important;
}
Tendrías que eliminar o comentar la línea de width, por ejemplo dejarlo como :
.facebook-button {
height: 25px;
/* width: 400px !important;*/
}
Verifica si comentando esta línea funciona
Saludos.
Respondido : 01/03/2016 5:42 pm
Perfecto Jhon, comentando la linea se soluciona el problema de desplazamiento que produce ese molesto efecto de acabado.
Como siempre, muchas gracias por todo.
Respondido : 03/03/2016 12:51 pm
