Avisos
Vaciar todo

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

 
Francisco
 Francisco
Usuario eminente

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 2:19 am
Pepe
 Pepe
Soporte CMS Webempresa 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 11 meses por Pepe
Respondido : 19/04/2023 9:40 am

Francisco
 Francisco
Usuario eminente

@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 6:16 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 6:43 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Francisco
 Francisco
Usuario eminente

@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 6:47 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 8:41 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Francisco
 Francisco
Usuario eminente

@karen me ha funcionado de maravilla, mil gracias. 

Respondido : 19/04/2023 10:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 10:53 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress