Skip to content
Design the Cart

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!

Cart

Copy Webflow element

Mini Cart

The mini cart element is just the Cart Element modified to work inside a native Webflow Dropdown.

Mini Cart

Copy Webflow element

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:

data-open
on-add

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.

Mini Cart Modal

Copy Webflow element

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.

cart attributes

open
true