The levitating shopping cart button enables a central button on the bottom of your app to have a quick overview of the current items and amounts. Follow the simple steps discussed below to implement levitating shopping cart on your app.
Active button: Activates the levitating shopping cart button.
2. In the 'Appearance' tab, add border-radius and make it rounder.
Border Radius: Set the radius of the border of the button. You can make it rounder and increase the value to 30px. Set the radius of the border of the button.
3. In the 'Active' tab, add a title for the button to appear if cart contains items.
Title for "Shopping cart contains articles": Give a title for the button if the cart contains items.
Background for "Shopping cart contains articles": Give a background color for the button when the shopping cart contains items.
Font color for "Shopping cart contains articles": Give the font color for the button when the shopping cart contains items.
Icon for "Shopping cart contains articles": Pick an icon for the button from Ionicons, Awesome, or Zappter when the shopping cart contains items.
4. In the 'Inactive' tab, add a title for the button to appear if cart is empty.
Hide button when sopping cart empty: Enable this setting to hide the button when the shopping cart is empty.
Title for "Shopping cart is empty": Give a title for the button if the cart is empty.
Background for "Shopping cart is empty": Set the background color for the button, when the shopping cart is empty.
Font color for "Shopping cart is empty": Set the font color for the button, when the shopping cart is empty.
Icon for "Shopping cart is empty": Pick an icon for the button from Ionicons, Awesome, or Zappter, when the shopping cart is empty.