productos dos columnas moviles

Productos en dos columnas Layout Móviles

Rate this post

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

La mayoría de las plantillas vienen configurado para una columna, por lo que si queremos cambiarlo debemos editar un poco el CSS del archivo product-list.tpl

La ruta es la siguiete: themes/nombre_plantilla/product-list.tpl

col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-3{/if}

Cambiamos col-xs-12 por col-xs-6

En determinadas ocasiones debemos adaptarnos a la plantilla para editar este CSS por lo que la maquetación debería desarrollarse de otra manera.

¡Hagamos WebApps!

Leave a comment