mostrar categorias de productos en columnas de 2 en moviles
-
hola, gracias por los aportes a toda la comunidad, el caso en cuestion es que necesito mostrar los prodcutos y categorias en columnas de 2 en dispositivos moviles, ya logre hacer que los productos en la pagina inicio se muestre en 2 columnas con este codigo
@media (max-width: 767px) {
div.woocommerce ul.products li.product {
flex-basis: 50%;
max-width: 50%;
}
}`
pueden ver las 2 columnas aqui https://misukashop.com/
pero en la pagina de la tienda, no se ven los productos de en 2 columnas, ni tampoco en las secciones de las categorias, pueden verlo aqui: https://misukashop.com/index.php/tienda/y si no seria mucho pedir, me gustaria tambien mostrar las categroias en 2 columnas en version movil
La página con la que necesito ayuda: [accede para ver el enlace]
-
Es facil a la vez que complicado, pero te cuento para que lo puedas hacer.
En el CSS personalizado de la plantilla añade lo siguiente:
@media only screen and (max-width: 700px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width:49%; float: center; clear: both; margin: 0 0 2.992em;} }Esto te genererá dos columnas. Espero te ayude!
- El debate ‘mostrar categorias de productos en columnas de 2 en moviles’ está cerrado a nuevas respuestas.