Problema visualización en móviles y tablets...  

Página 1 / 2
 
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola,

Les adjunto captura con el problema que tengo con el carrito, necesitaba que se viese bien, como la versión pc, pero sale como ven en la imagen... también me pasa al entrar en cada categoría...
Contenido solo visible a usuarios registrados

Citar
Respondido : 01/12/2016 1:52 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Según el enlace que enviaste, el problema lo tienes con el carro de compras?:

Como puedes ver en la captura no se visualizan problemas, exactamente que es lo que te esta afectando?

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 : 01/12/2016 2:50 am

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

Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Que necesitaría que se viese como en la web, así se ve ahora

Y necesitaba que se viese como en el ordenador..

ResponderCitar
Respondido : 01/12/2016 3:10 am
Mª ISABEL
 Mª ISABEL
Reputable Member

Si se fija verá que en la vista de la tablet el precio está fuera del contenedor y el la vista del móvil en vez de alineado para abajo está el precio al lado del carrito...

ResponderCitar
Respondido : 01/12/2016 3:11 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Haz probado en un dispositivo real?, en el enlace que enviaste lo sigo viendo de forma correcta.

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 : 01/12/2016 5:09 am
Mª ISABEL
 Mª ISABEL
Reputable Member

Si, pero necesitaba que se viese bien, como en la versión del ordenador, es decir el precio y alineado justo debajo el carrito, pero ni en el móvil ni en la tablet lo veo así (en la tablet aparece fuera del contedor) y tampoco en el listado de productos en las categorias, todo aparece movido...

Muchas gracias.

ResponderCitar
Respondido : 01/12/2016 11:42 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

Creo que eso lo modificamos anteriormente por que si lo ponías debajo como indicas salia fuera del contenedor.

Si no recuerdo mal el código es el siguiente:

@media (max-width: 480px) {
.button.ajax_add_to_cart_button {
    border-color: #f44051;
    margin-top: -70px;
    padding: 0;
}
.black .price.product-price {
    color: #020202;
    margin-left: 100px;
    margin-right: 30px;
    text-align: right;
}
}

Creo que lo tienes el archivo responsive.css, prueba a eliminarlo y revisa los resultados.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 01/12/2016 1:55 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola,

Lo he probado y con el eso en móvil sale más o menos bien pero en la tablet se queda fuera del contenedor y si pinchas en cada una de las categorías tanto del móvil como de la tablet aparece el listado con el carrito y precio fuera del contenedor... :silly:

Gracias.

ResponderCitar
Respondido : 01/12/2016 11:37 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para corregir el problema en las tablas deberías editar el archivo themes/leoelec/css/local/1custom.css y eliminar el siguiente código:

.product_list .ajax_block_product .product-container{
max-height: 373px !important;
}

Entiendo que esto lo has añadido por tu cuenta, ya que veo que está en un archivo custom. Hay que ser muy cuidadoso con la aplicación de estilos CSS personalizados, ya que arreglando algún problema que localicemos podemos estropear otra cosa.

Si detectas problemas de visualización de la web con dispositivos móviles es preferible que consultes el tema con los desarrolladores de la plantilla, ya que al tratarse de una plantilla de pago te deberían de dar soporte y tendrían que tener un conocimiento más preciso sobre lo que hay que arreglar.

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

ResponderCitar
Respondido : 02/12/2016 10:47 am
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Eso no lo he añadido por mi cuenta, más que nada porque no tengo ni idea de éstas cosas, tendría que revisar los post pero creo que ese código me lo facilitó un compañero vuestro para solucionar un problema con la visualización de la tienda en los ordenadores, si lo elimino quizá vuelva a tener el problema..

Yo lo que necesito arreglar un poco es como se ve mi tienda en las tablets principalmente..

Como he comentado anteriormente, no tengo acceso al soporte porque al parecer el "dueño" de la plantilla es mi anterior hosting y perdí esa ayuda al cambiarme con vosotros, estoy esperando a cambiarme a ps 1.7 para acabar con esos problemas pero ahora en plena campaña navideña no puedo hacerlo.

ResponderCitar
Respondido : 06/12/2016 3:36 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Para que no tengas conflictos puedes manetener algunas sentencias de tu archivo custom1.css en una media query, revisa el código del archivo adjunto y reemplaza todo el código que tienes en custom1.css por este código

Saludos.

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

ResponderCitar
Respondido : 06/12/2016 9:07 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Hice lo que me dijo pero no sé que pasa que se ve fatal..

En la tablet se me fatal, en unas partes se ven dos artículos que se ven bien y en otros los junta entero, mire éste enlace y al ir bajando lo verá...
Contenido solo visible a usuarios registrados
Y en la versión movil, se queda parte del precio debajo de carrito.. :blush:

ResponderCitar
Respondido : 09/12/2016 4:52 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar el siguiente código CSS:

@media (max-width:990px){
	#center_column .widget.col-sm-6.col-xs-6{
		width:100%;
	}
	.product_list .ajax_block_product .product-container{
		min-height:420px!important;
	}
}

Puedes agregar este código al final del archivo
/themes/leoelec/css/customize/Julio.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 : 09/12/2016 8:43 pm
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

En la tablet, Sigue viéndose mal, el carrito ha vuelto ha quedar encima del logo.. y los precios siguen apareciendo fuera del contenedor...

En el móvil siguen viéndose los precios debajo del "Añadir al carrito", se ven sólo los decimales, que lío de verdad... 🙁

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 09/12/2016 10:40 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

Para los precios de la versión móvil añade lo siguiente al archivo custom:

@media (max-width: 480px) {
.button.ajax_add_to_cart_button {
    margin-top: 20px;
    margin-left: 60px;
}

Esto tendría que hacer que el botón de añadir al carro aparezca debajo del precio.

Lo de la versión tablet es lo que no consigo ver ya que veo que aparecen los dos productos.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 10/12/2016 9:53 am
Página 1 / 2

Por favor Iniciar Sesión o Registro