Avisos
Vaciar todo

[Resuelto] Disminuir espacio entre aviso de producto añadido y descripcion de producto  

 
Natalia
 Natalia
Estimable Member

Hola, 

En esta entrada anterior pregunté cómo mover el aviso de producto añadido al carrito hacia abajo: https://www.webempresa.com/foro/soporte-divi-en-espanol/posicion-del-producto-anadido-al-carrito.

Lo pude hacer con el código que me dieron.

Pero queda mucho espacio entre el aviso del producto añadido al carrito y la descripción del producto:

disminuir espacio

Cómo  puedo disminuir el espacio? Gracias.

 

DOminio:

Este debate ha sido modificado el hace 3 años por Karen Rios
Respondido : 26/10/2020 11:12 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Natalia.

¿ Lo modificaste ? porque veo que ahora carga en un lateral:

screenshot buscatunorte cp5012.wordpresstemporal.com 2020.10.26 12 35 44

 

Un saludo

 

Respondido : 26/10/2020 11:36 am

Natalia
 Natalia
Estimable Member

@pepesoler

Es que hice una prueba con ese plugging, pero ya lo desactivé, pues no sé si lo usaré. Gracias. 

Respondido : 26/10/2020 11:42 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

Verifica si con el siguiente código logras disminuir un poco el espacio que necesitas

.et_pb_section.et_pb_section_1_tb_body.et_section_regular.et_pb_section_first {
padding-top: 80px !important;
}

Un Saludo

Respondido : 26/10/2020 1:27 pm

Natalia
 Natalia
Estimable Member

@karen

Hola Karen, muchas gracias por tu amable respuesta.

Usé el código que me sugeriste, pero al ponerlo, todo el contenido del producto se sube mucho, se pega mucho del logo, cuando no está activada el área de Carrito Añadido En Cesta. 

Respondido : 29/10/2020 12:45 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

Entiendo, en este caso comprueba dentro de las opciones de edición de la plantilla para tus productos asignar las opciones de separación para la fila y columna a 0, tanto para el margen como espaciado.

Screenshot

Un Saludo

 

 

Respondido : 29/10/2020 1:46 pm

Natalia
 Natalia
Estimable Member

@karen

muchas gracias Karen por tu respuesta. 

Tampoco arregló el problema. Hace el mismo efecto que usando el código que me sugeriste inicialmente. 

Respondido : 03/11/2020 10:11 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia,

Agrega desde Apariencia -> Personalizar -> CSS Adicional el siguiente código tal cual te lo comparto:

div.product div.et_pb_section_first{
padding-top: 0px !important;
}

Saludos

Respondido : 03/11/2020 1:00 pm

Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Muchas gracias Bulmaro por tu respuesta.

Al usar el código, el producto queda así: 

producto arriba
Respondido : 03/11/2020 1:42 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

Lo que veo en la plantilla es que esta tomando el espacio para el div completo de la sección, para eliminar el espacio de forma completa al usar el código enviado por Bulmaro subirá la sección del producto hacia la parte superior.

Puedes probar ir ajustando en este código el espacio que quieres tener en la parte superior del producto por ejemplo

div.product div.et_pb_section_first{
padding-top: 70px !important;
}

Ten en cuenta que este mismo espacio lo tomara el mensaje que aparece cuando se añade un producto en el carrito

Un Saludo

 

Respondido : 03/11/2020 1:58 pm

Natalia
 Natalia
Estimable Member

@karen

Hola Karen, gracias por tu respuesta.

Usé el código igual, poniendo una distancia de 100px, pero el resultado es el mismo. Creo que lo mismo pasaba con los otros códigos que me han sugerido. La diatancia entre ambos elementos permanece casi igual, es decir, una distancia muy grande. No borré el código aun para que puedan verlo colocado. 

distancia carrito8

 

 

Respondido : 03/11/2020 2:05 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

He analizado el comportamiento de la plantilla, puede ser que este espacio se esta agregando porque no tienes creado el modulo de Woo Cart Notice (Aviso del carro de woo) en la plantilla para tus productos.

Si es así, para solucionarlo debes realizar los siguiente, ingresa a la sección de Divi -> Generador de Temas y edita tu plantilla de productos.

imagen

Una vez dentro de las secciones debes añadir el Modulo Woo Cart Notice y ubicarlo debajo de las migas de pan

imagen
imagen

Guarda los cambios de tu plantilla, luego debes eliminar los códigos CSS que añadiste anteriormente.

Ten en cuenta que debes eliminar cualquier código que haz añadido para modificar la barra de notificación de woocommerce incluido el código que modifica la posición de la barra producto añadido en el carrito

De esta forma el resultado debe ser algo como por ejemplo

imagen

Un Saludo

 

Respondido : 03/11/2020 3:39 pm

Natalia
 Natalia
Estimable Member

@karen Hola Karen, 

Funcionó! Muchas gracias! Ahora quedó bien!

Gracias por toda tu ayuda. 😀 

Respondido : 04/11/2020 1:57 pm