Productos en dos columnas Layout Móviles

Para mí, un requisito imprescindible para cualquier tienda online, es que los productos, tanto de la home, como de las categorías, se vean en dos columnas para su visualización dispositivos móviles. Si os fijáis, en la tienda online PrestaShop que he creado de Movilcron, si entramos con el móvil veremos que los productos se ven en dos columnas.

Si vemos también la tienda online de dulcesol en móviles, vemos la que para mí es una de los mejores Ecommerce para móviles, maravilloso:

Muchas plantillas de PrestaShop vienen configuradas para una columna, por lo que si queremos cambiarlo debemos añadir este código al custom.css

@media (max-width: 991px){ #products .product-miniature, .featured-products .product-miniature { width: 50%; } #products .thumbnail-container-image, .featured-products .thumbnail-container-image, .product-accessories .thumbnail-container-image, .product-miniature .thumbnail-container-image { min-height:auto !important; height:auto !important; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { width: 100%; } }

Así ya lo tendríamos, luego igual habría que maquetar los botones de añadir al carrito, o algún pequeño detalle más de maquetación.

¡Hagamos WebApps!