Soporte » Plugins y Hacks » WooCommerce » WooCommerce 2 productos en móvil con tema astra

  • davidqm14

    (@davidqm14)


    Me gustaría que al cambiar a la versión de móvil el catálogo de woocommerce mostrara 2 productos por columna en vez de 1 como actualmente. Por más que utilizo css recomendados por otros usuarios no lo consigo. Alguien podría ayudarme en este caso concreto. Gracias
    El tema utilizado es Astra

    • Este debate fue modificado hace 2 semanas por davidqm14.

    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.

    En la configuración del tema tienes la opción, sigue la ruta:

    Apariencia > Personalizar > WooCommerce > Catálogo de productos > Columnas de la tienda

    Tienes que seleccionar el tipo de dispositivo en la parte inferior del menú y asignarle el número de columnas con el selector deslizante, por defecto son cuatro en sobremesa, tres en tablet y dos en móvil.

    Si con esto lo solucionas recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    davidqm14

    (@davidqm14)

    @jose64 Eso solo me ayuda a la propia página de tienda de woocommerce, lo que quiero es modificar el bloque de productos por categoría que puedes introducir a cualquier página que creas. (Como en el link que he adjuntado)

    Esta forma tan solo cambia la tienda no el bloque

    Moderador Jose Luis

    (@jose64)

    Hola.

    Por eso es que hay que explicar bien las cosas al hacer una consulta, preguntaste por el catálogo de WooCommerce y en base a eso te respondí, ahora resulta que es el bloque de producto por categorías, cosa totalmente distinta.

    En el repositorio tienes un plugin que te permite mostrar/ocultar bloques de acuerdo al tipo de dispositivo:

    Gutenberg Page Building Toolkit – EditorsKit

    Duplica el bloque de catálogo, fija el diseño a dos columnas en uno de ellos y ajusta la visibilidad únicamente para móviles. En el otro ajusta la visibilidad para sobremesa y tablet. De esta forma de acuerdo al tipo de dispositivo se verá el bloque correspondiente.

    Recuerda cerrar el debate marcándolo como resuelto, de esta forma nos ayudas a mantener el foro al día.

    @jose64 Perdón pensaba que estaba claro,además adjunte el link de la página en cuestión.
    He probado tu propuesta y el resultado es el mismo. El bloque con dos columnas, solo visible para móviles, se recoloca en tan solo una.
    He probado con css pero mi conocimiento no es muy elevado, sobre todo cuando se trata de moviles.
    Gracias por tus aportaciones.

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