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

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?

Hola

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

Y necesitaba que se viese como en el ordenador..

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...

Hola,

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

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.

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

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.

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.

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.

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.

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:

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.

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

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