Published
January 9, 2025
abc
https://discourse.webflow.com/t/how-to-keep-cart-always-open/300666/9
I did an experiment to a forced open cart- it’s quite a hack to do this.
Besides positioning the cart, you need to suppress the modal-close behavior which is triggered by a click-event handler installed on <body>.
Then of course the mobile experience can’t use a sidebar so it all has to be tablet+ specific.
I had about 90% success with a fixed sidebar, using CSS overrides and a mutation observer to wipe the interaction styling.
In case it’s useful here’s the experiment;
https://x-ecom.webflow.io/product/rustic-granite-sausages
And the CSS + JS in a codepen;
https://codepen.io/memetican/pen/pvzpaaV/9c64118ad2983c76b8d095e8429204ff
