Soporte » Guías – Resolución de problemas » Modificar numero de filas de productos en el movil

  • daniel1998

    (@daniel1998)


    Hola buenas, necesito ayuda para cambiar el numero de filas de los productos en versión móvil.
    Acccedo a Personalizar>Ajustes de tienda>Lista de Productos>Columnas de ladrillos=2; funciona perfectamente en versión desktop y en tablet pero no hace cambios en la versión móvil. En el móvil solo muestra 1 producto por fila y todo en una columna.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Por defecto, WooCommerce no permite las dos columnas en móvil, por el tamaño y para mantener la usabilidad.

    Si quieres puedes forzarla modificando el CSS:

    ul.products li.product {
    	width: 46.411765%;
    	float: left;
    	margin-right: 5.8823529412%;
    }
    
    ul.products li.product:nth-of-type( 2n ) {
    	margin-right: 0;
    }
    
    @media ( min-width: 768px ) {
    	ul.products li.product:nth-of-type( 2n ) {
    		margin-right: 5.8823529412%;
    	}
    }

    Añade esto al CSS personalizado del tema, sigue la ruta:

    Apariencia > Personalizar > CSS adicional

    Coméntanos el resultado y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así sea, de esta forma nos ayudas a mantener el foro al día.

    daniel1998

    (@daniel1998)

    Hola @jose64 gracias por tu respuesta pero sigue sin funcionar, hace los cambios en modo desktop y tablet pero en la versión móvil sale igual.
    Muchas gracias

    Moderador Jose Luis

    (@jose64)

    Hola.

    Yo lo veo funcionando en tu web ahora mismo, lo que pasa es que en la tienda no muestras los productos sino las categorías.

    edavogustto

    (@edavogustto)

    tengo ese inconveniente al mostrar las categorias y los productos elegidos manualmente en la pagina de inicio

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.