Get started  
Login  

Help Center

Community / Forum Ask Zappter Support We build your app Marketplace

Documentation

English

General

Videos

Mastering the content editor Pixel perfect design Setup your E-Commerce Store Configure your booking engine Event-System / Drop-In

Popular

App Store Submission Creating Push Notifications Typography Changing template Changing Rules

Business Modules

New

More Tutorials

Documentation

Setting Up Levitating Shopping Cart

Implementing Levitating shopping cart

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.
1. Admin > Settings > Levitating shopping cart. The 'General' tab opens. 
  • 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.
5. Save the changes when complete.
Levitating Shopping Cart