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:

Name

data-open

Value

on-add

that is already inserted on our element.

Cart Attributes

Shopify allows you to save additional custom data related to the order, since in Webflow the Cart created by Smootify is just a simple form, you can add any additional input element (Select, radio buttons, text fields, textarea, checkboxes…) and it will be automatically saved up as Cart Attribute. You will be able to see the cart attributes on your Shopify backend in the Additional Details area