Webflow ECommerce

Force ECommerce Cart Open

Overview
Force ECommerce Cart Open
101
No items found.
Published
January 9, 2025
Updated
in lightbox

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

FAQs

Answers to frequently asked questions.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.