Avisos
Vaciar todo

[Resuelto] ¿Como hacer que la tienda presente en celular 2 columnas de producto.?  

 
Edwin
 Edwin
Usuario experto

Buen dia.

Actualmente la tienda solo presenta una columna de producto y queremos que presente 2.

¿Cuál sería la acción siguiente?

Gracias de antemano.

Contenido solo visible a usuarios registrados

Respondido : 08/09/2021 2:44 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Edwin,

Mientras mas columnas presente en dispositivos móviles se dificulta más la lectura de los elementos. sin embargo esto es un problema documentado, puedes agregar este código en Apariencias > Personalizar > Css adicional:

@media screen and (max-width: 479px) {
.et_gallery_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n) {
width: 45.25%!important;
margin: 0 9.5% 9.5% 0!important;
}
.et_gallery_item:nth-child(2n), .et_pb_column .et_pb_grid_item:nth-child(2n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n), .et_pb_column .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
margin-right: 0!important;
}
}

Segun el desarrollador con este codigo se divide en dos columnas > https://divi.help/threads/how-to-set-2-columns-shop-in-mobile.1335/

Un saludo 🖐️ 

Respondido : 08/09/2021 2:52 pm

Edwin
 Edwin
Usuario experto

Gracias!

Respondido : 16/09/2021 2:54 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Edwin.

Genial me alegra que lo solucionaras.

Cualquier consulat no dudes en comunicarlo.

 

Cerramos el tema.

un saludo.

Respondido : 16/09/2021 3:00 pm