mostrar 1 producto ...
 
Avisos
Vaciar todo

mostrar 1 producto por fila en moviles

5 Respuestas
2 Usuarios
0 Reactions
462 Visitas
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Buenas, podéis echarme una mano ? Necesito mostrar sólo 1 producto por fila cuando se visualiza el sitio en móviles.
Para las categorías lo solucioné de esta forma siguiendo vuestras indicaciones:
"Lo mejor que se puede hacer es que a una determinada resolución se muestre una sola columna, ubica el siguiente archivo :

/templates/mimas/css/mimas-custom.css

Al final agrega el siguiente código :

@media (max-width:769px){ .category-view .row .category{ width:100%!important; } }"

Muchas gracias, un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 03/04/2015 5:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

Actualmente veo que se muestra correctamente, si no es asi envíanos la url específica de algún listado de productos

Saludos.


 
Respondido : 03/04/2015 6:44 pm
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Hola, Jhon

He nodificado numero por defecto de productos por fila, de 3 a 2, para que se vea correctamente en móviles, pero si lo dejo en 3.... se descuadra al verlo con el móvil


 
Respondido : 03/04/2015 7:53 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Al codigo que inicialmente agregaste modificalo para que quede como :

@media (max-width:769px){ 
	.category-view .row .category, .browse-view .productlist{ width:100%!important; } 
}

Es decir has agregado .browse-view .productlist

Saludos.


 
Respondido : 03/04/2015 9:13 pm
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Muchas gracias, Jhon!!


 
Respondido : 04/04/2015 10:42 am