Streaming live at 10am (PST)

Too many items in cart?

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.


Here is my site Read-Only: https://preview.webflow.com/preview/dockyard?utm_medium=preview_link&utm_source=designer&utm_content=dockyard&preview=9cec94f1cdb76e7815d67dcdef679816&mode=preview

Also does the same on this site with too many items previewed.

https://preview.webflow.com/preview/ekolife?utm_medium=preview_link&utm_source=designer&utm_content=ekolife&preview=b898fb2a32ea086335f5701ddf1783cb&mode=preview

Hi, @DavidFerguson!!

Ben here with the Webflow Customer Support Team!

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! :webflow_heart:

Here’s a quick video to show you how to fix this issue:

CloudApp

Let me know if you have any other questions and I’ll be happy to assist you further!

1 Like

@rileyrichter Ben, you’re a life-saver! Much appreciated, it works perfectly now :fire:
Glad you like the style, thank you, it wouldn’t have been possible without Webflow!

1 Like

So glad we could help, @DavidFerguson! Good luck with your project! :smiley:

@rileyrichter

Thank you for making that screencast.

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.

Here is my read only link :
https://preview.webflow.com/preview/milkshakenn?utm_medium=preview_link&utm_source=dashboard&utm_content=milkshakenn&preview=654e745b768a628f9f68136e286f5ba2&mode=preview

Please refer to any pages within the SHOP folder for the cart :slight_smile:

Thank you in advance for your help!

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 :nerd_face: