Avisos
Vaciar todo

Super poner un elemento con CSS

12 Respuestas
3 Usuarios
0 Reactions
30 Visitas
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

Hola, cuando navegas por mi web por las páginas de las categorías de los productos en la versión móvil y haces clic en añadir al carrito en cualquier producto, el botón que muestra WC por defecto queda oculto por el siguiente producto justo en la parte inferior que le precede. Dejo una captura de imagen para que se comprenda mejor.

¿Hay alguna manera con CSS para obligar a que el botón se superponga al producto que hay justo debajo?

Gracias.

En la versión móvil queda oculto

 

Contenido solo visible a usuarios registrados


 
Respondido : 26/02/2024 2:35 pm
Tags del tema
Karen Rios
Respuestas: 18673
Illustrious Member Moderator
 

Hola Tomás, 

Puedes probar forzarlo que se muestren encima del otro botón añadiendo el siguiente código CSS

@media only screen and (max-width: 600px) {
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
position: absolute;
left: 10px;
}
}

Pruébalo y nos comentas como va todo

Un Saludo 


 
Respondido : 26/02/2024 3:07 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

@karen gracias.

Sigue quedando oculto tras implementar el código, no funciona.


 
Respondido : 26/02/2024 4:19 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Tomas,

Agrégale un important al final es posible que no se este aplicando porque otro lo superpone, el código quedaría así:

@media only screen and (max-width: 600px) {
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
position: absolute !important;
left: 10px !important;
}
}

Un saludo 🖐️ 


 
Respondido : 26/02/2024 4:33 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

@argenis gracias, sí, eso lo probé también, pero sigue oculto.


 
Respondido : 26/02/2024 4:36 pm
Karen Rios
Respuestas: 18673
Illustrious Member Moderator
 

Hola Tomás, 

Revisa borrar la caché de WP Rocket y comprueba como va todo. Ten en cuenta realizar la prueba en tu navegador en incógnito. 

Un saludo


 
Respondido : 26/02/2024 5:56 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

@karen gracias,

No funciona 😣 


 
Respondido : 26/02/2024 8:59 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Tomás,

Más allá de vaciar la caché, verifica desactivar la compresión, he verificado desde un teléfono y si te das cuenta cuando das clic en agregar al carrito pasa lo que comentas, pero luego si ingresas a un producto y luego regresas se ve como debería, es posible que estés comprimiendo de más el archivo CSS y no este aplicando a tiempo el ajuste, te comparto un video con lo que te comento:

Verifica y nos comentas, un saludo 🖐️ 


 
Respondido : 26/02/2024 10:10 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

@argenis gracias,

Entiendo, ¿Qué opinas si excluyo de la caché las páginas de las categorías de los productos?


 
Respondido : 26/02/2024 10:15 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Tomás,

Puedes hacer esa prueba y de esta forma no afecta a otras páginas internas que tengas en tu sitio, igualmente antes de hacer esto verifica como te comento desactivándolo en general para confirmar que sea esto lo que sucede.

Un saludo 🖐️ 


 
Respondido : 26/02/2024 11:52 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

@argenis, no funciona, no es nada de compresión de caché.

Pero muchísimas gracias de todas formas por vuestra excelente atención. 😊 


 
Respondido : 27/02/2024 11:35 am
Karen Rios
Respuestas: 18673
Illustrious Member Moderator
 

Hola Tomás, 

En este caso lo que veo puede estar pasando es que varios estilos de tu tema no hace que se recargue bien la página y carguen otros estilos, ya que la funcionalidad debería ser que toda la sección empuje a la de abajo y se muestre el botón

image

En este sentido puedes revisar si tienes algo añadido en tus CSS que impida esto o alguna opción del tema porque este debería ser el comportamiento de tu sitio web cuando añades un producto al carrito, de igual forma no se si este botón sea relevante, ya que actualmente veo me muestra el carrito de forma automática 

image

Un Saludo 


 
Respondido : 27/02/2024 1:39 pm