Archived topic
Mensaje añadir carrito una vez sobrepasado botón añadir carrito.
9 replies · Started by Antonio Farelo Serén on August 1, 2022
Buenos necesitaria que el mensaje que aparece una vez sobrepasas el botón de carrito apareciera en la parte superior de la pantalla o fuese fijo.
De momento lo he solucionado mediante css haciendo modificabdo opacity a 1.
Ahora bien, el botón no funciona y si haces click en alguno de sus elementos se activa el elemento que queda por detrás.
Puedeb ver el problema en https://thecarspa.es/comprar-detailing/bubbles/ por ejemplo.
Como podría hacer que el mensaje apareciera siempre en la paete inferior o en su defecto, en la superior una vez sobrepasado el botón de añadir al carrito?
Muchas gracias y disculpen las molestias.
Hi there,
if you want to always show the add to cart panel, then change your CSS to this:
@media (max-width: 768px) {
.single-product .add-to-cart-panel {
opacity: 1;
pointer-events: auto !important;
}
}You need the pointer-events: auto !important; property.
Solucionado perfectamente!!!!
Muchas gracias por vuestra inestimable ayuda.
Por último, existe la posibilidad de mostrar este apartado por ejemplo en la parte superior de la pantalla?
Would this be always visible on Mobile? And above the navigation ?
Sí por ejemplo, justo debajo de la navegación y siempre visible.
Hi Antonio,
Since you have “hide when scrolling down” enabled for the sticky nav, it won’t look good without custom JS. You also have a Container at the top of the nav which also adds a little complication.
What you can do is disable that, and make the Container sticky as well on mobile, then make the Add to cart panel at the bottom stick to the top through CSS.
Let us know what you think.
Ei! Gracias por su respuesta. Entiendo el problema.
Realmente más que para cambiar la posición en este proyecto me interesaba saber como hacerlo para implmentarlo en el futuro.
Podríamos saber que código css aplicar si no estuviera el contenedor al inicio ni que la navegación se oculte de forma automàtica? No puedo aplicar esos cambios en este proyecto.
Si no es posible conocerlo ya abriré consulta en el futuro cuando sea necesario.
Muchas gracias de nuevo por su implicación y ayuda.
Atentamente,
Toni Farelo.
You can try this CSS if you have the nav bar sticky and appearing all the time:
div#wc-sticky-cart-panel {
top: 40px;
height: fit-content;
}Not taking into account the top bar, the 40px is for the height of your Nav bar.
Ok!!
Ya he visto que funciona perfectamente excepto por que la barra de menú se oculta tal y como me habíais comentado.
Me has ayudado muchísimo. Anoto el código por si finalmente es necesario.
Muchas gracias por vuestra ayuda.
Atentamente,
Toni Farelo.
You’re welcome Toni!
