Cart Elements
For your cart functionalities, with Smootify you can create a static Cart page, or you can also use a simple mini cart dropdown.
Cart
The cart element is a DOM Element that contains a normal Webflow form, the empty state of the cart is the Success state of the form so be sure to style it as well!
Mini Cart
The mini cart element is just the Cart Element modified to work inside a native Webflow Dropdown.
Our mini cart element by default opens up whenever a customer adds a product to the cart.
You can disable this behaviour by removing the custom attribute:
that is already inserted on our element.
Mini Cart Modal
The Mini Cart Modal component allows you to have a customized version compared to the native Webflow Mini Cart.
To personalize the content of the Mini Cart Modal, simply select the Dialog DOM element and add the following custom attribute, which will make the customizable modal appear in the designer.