Imagenes

Hola

Envíanos la url que tenga algún producto o una imagen indicando exactamente que es lo que quieres lograr

Saludos.

@jmarreros

https://photos.app.goo.gl/DZJerZeWuzMPQxR59

Hola. Te mando una captura. Y te reformuló la pregunta. ¿Es posible que en el móvil aparezcan dos columnas de productos?

Hola

Prueba con el siguiente código CSS:

@media (max-width:580px){
  .products .product{
    width: 49%;
    text-align: center;
    display: inline-block;
  } 
}

.products .product a img{
  margin: auto;
}

Puedes agregar este código desde Apariencia > Personalizar > CSS

Saludos.

@jmarreros

hola. me ha sido muy util el codigo, gracias.

He pensado que podria probar a poner 3 imagenes por linea o incluso 4, guardaria los codigos en un plugin e iria turnando la composicion en el movil.

seria posible?

Hola Javier,

Disculpa si no logre comprender bien la consulta. ¿Lo que quieres hacer es agregar 3 o 4 columnas en las vistas móviles?

Si es así, posiblemente no se pueda visualizar de forma correcta los productos en las vistas móviles.

Puedes comentarnos si es esta lo que nos comentabas?

Un Saludo

@karen

Si. ahora se ven 2 columnas en el movil con el css que he guardado con un plugin. Querria ver como quedan 3 y 4 columnas en el movil.

@1976javierpablogmail-com

Hola Javier,

Para 3 columnas modifica:

@media (max-width:580px){
  .products .product{
    width: 49%;
    text-align: center;
    display: inline-block;
  } 
}

Por:

@media (max-width:580px){
  .products .product{
    width: 32%;
    text-align: center;
    display: inline-block;
  } 
}

Para 4 columnas modifícala por:

@media (max-width:580px){
  .products .product{
    width: 23%;
    text-align: center;
    display: inline-block;
  } 
}

Saludos 🙂