I’ve noticed in the past couple days that a site I’ve been working on has some issues with the cart. Basically when the “item” has too large of a height or there are too many items, the div containing them doesn’t add a scrollbar and pushes the checkout button below the screen?
Have attached a link below to look, has anyone else come across this?
In the first link the items have a large height so push the checkout down. In the second link if you add any more than 7 or 8 items to the cart it’ll also push it down.
Thanks so much for posting about this issue you’re having with your cart. I totally see what you’re running into here. BTW, this site is amazing and I love the style!
Here’s a quick video to show you how to fix this issue:
Let me know if you have any other questions and I’ll be happy to assist you further!
@rileyrichter Ben, you’re a life-saver! Much appreciated, it works perfectly now
Glad you like the style, thank you, it wouldn’t have been possible without Webflow!
I would like to know in addition, how I can only make the collection list part of the cart scroll, while the header and the footer with the cart actions are fixed within the default state, and always visible.
So that while a person can scroll down within the cart list to view all the items they have added to their cart, they can click ‘continue to checkout’ anytime.
Setting the cart list to overflow: auto didn’t seem to do the trick.
I hope what I’m after makes sense, please let me know if I need to explain myself better.
Or perhaps anyone else can help with the above?
I would imagine that having the scroll stay within the collection list would be a desirable behaviour in general within a cart, am I wrong?
@sabanna@vincent sorry to bother you but you guys are generally layout ninjas, so if you can offer any insights that would be a-mazing