Soporte » Guías – Resolución de problemas » 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]

Viendo 1 respuesta (de un total de 1)
  • 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!

    • Esta respuesta fue modificada hace 1 semana, 5 días por Fernando Tellado. Razón: Etiquetado correcto del código
Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.