productos dos columnas moviles

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.

productos en dos columnas moviles

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:

dulcesol tienda online

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!

consultor seo

Manuel Espejo

Programador web & SEO Manager apasionado de PrestaShop 1.7 y del comercio electrónico en general. Desde mi blog escribo lo que voy aprendiendo por el camino y me parece interesante. https://manuel7espejo.com/

Deja un comentario

Don`t copy text!