Avisos
Vaciar todo

[Resuelto] Hacer la sección de productos en dos columnas

8 Respuestas
3 Usuarios
0 Reactions
26 Visitas
Respuestas: 39
Eminent Member
Topic starter
 

Hola, he tenido dificultad en convertir la sección de productos en descuento en dos columnas, me podrían ayudar, por favor.

Contenido solo visible a usuarios registrados


 
Respondido : 19/04/2023 1:19 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Francisco.

Te refieres a esto ?

screenshot www.starterdigitalbusiness.com 2023.04.19 10 35 24

 

Veo que es un modulo de Gutenberg para mostrar los productos rebajados.

.- Selecciona el módulo y en el menú de la derecha selecciona la pestaña Bloque 

.- En la opción Estructura puedes indicarle las columnas que quieres mostrar 

screenshot mary52.webempresa.eu 2023.04.19 10 39 21

 

Un Saludo


Esta publicación ha sido modificada el hace 2 años por Pepe
 
Respondido : 19/04/2023 8:40 am
Respuestas: 39
Eminent Member
Topic starter
 

@pepesoler gracias, pero cometí un error, no me refería a en la versión en escritorio sino que así está bien en la de escritorio, pero las dos columnas lo quiero para la versión móvil.


 
Respondido : 19/04/2023 5:16 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Francisco, 

¿Puedes enviarnos la URL donde se están mostrando los productos? Actualmente, si intento ingresar a tu sitio web me muestra el siguiente mensaje

image

Has realizado algun cambio reciente?, verifica esto y nos comentas como va todo

Un Saludo 


 
Respondido : 19/04/2023 5:43 pm
Respuestas: 39
Eminent Member
Topic starter
 

@karen no, no he hecho ningún cambio desde que pedí la ayuda, y de hecho acabo de ingresar a mi sitio y funciona bien. 


 
Respondido : 19/04/2023 5:47 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Francisco, 

Entiendo ya puedo verlo, en este caso prueba si el siguiente código CSS te permite configurar lo que necesitas

@media only screen and (max-width: 600px) {
.wc-block-grid__products {
display: flex !important;
flex-wrap: wrap;
flex-direction: row;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
max-width: 47%;
}
}

Verifica y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 19/04/2023 7:41 pm
Respuestas: 39
Eminent Member
Topic starter
 

@karen me ha funcionado de maravilla, mil gracias. 


 
Respondido : 19/04/2023 9:30 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Francisco, 

Enhorabuenas ha funcionado de forma correcta, es un placer para nosotros siempre poder ayudarte

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 


 
Respondido : 19/04/2023 9:53 pm