Custom Cart

Custom Cart

Normally, Shopify does not allow users to change the product quantity and variant when they're on the Checkout page. So customers have to turn back to the Cart page just to adjust it, which wastes too much time and may cause them to feel too complicated.
Thus, we've launched this Custom Cart extension. With this extension, your customers can adjust the product variants or the quantity while they are still on the Checkout page.

1. General settings


  1. Allow changing cart product's variants: Tick on this option to allow customers could change the product's variants.
  2. Allow changing cart product's quantity: Tick on this option to allow customers could change the product's quantity.
  3. Not allow to change the item quantity in cart to 0Tick on this option to hide the "Remove" button and not allow customers to change the product's quantity to 0.
  4. Display the customize cart action as popover: Instead of displaying changing quantity and variant option as inline fields, this option makes changing options display as a popover (see the picture below)


2. Conditions

Add any condition to display the Custom Cart extension on the checkout page. The Custom Cart will only show up if it meets all conditions (all rules pass) or one of the conditions (any rule passes).



3. Upselling options

After setting the Custom Cart and whenever you create a new discount, please press on the Sync discounts button to allow our app sync the discounts from Shopify.



  1. Upsell with subscription selling plan: 
When the product in cart has the subscription but buyers add it as a one-time purchase, our app will show this discount badge to encourage buyers to click on that discount badge to update the product to the subscription box.
  1. Upsell with quantity-based discount:
- This discount badge was taken from your Shopify Discounts.
- This feature only supports "Automatic amount off product discounts" for specific products, which are set min quantity of items requirement.
- Please press the "Sync discount" button if the discount has any changes so that the app can update and display correctly.
For further information, you can find out what "Amount off discount" is and how to create its code here.

3.1. Discount Phrases

Currently, merchants can modify discount badges by using Discount Phrases.
  1. This discount badge content will display if the product quantity in customers' carts is more than one.
    1. Add params: Add params to display in the discount badge content. There are two params are {quantity} and {discount}. 
If you have any questions or need help, don't hesitate to let us know or reach out through the live chat in the app portal

    • Related Articles

    • Custom Banner

      This feature is to create a delivery announcement at Checkout page. 1. General settings Banner Style: Choose style and color for the banner. Title: Enter your content here to announce customer about their cart. The title will be bold and different ...
    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...
    • How to set up cart upsell?

      There are 2 ways that you can use to display product recommendations in the slide cart to help customers discover products and boost your revenue: Method 1: Auto recommend by Shopify Shopify auto-generate upsell product recommendations based on the ...
    • How to set up Sticky Button & Cart Drawer? (version2)

      SLIDE CART SETTINGS Show option value of variant: Show short form of product variant. For example: blue/small. Show custom properties: Recommend to enable this option if you're selling product with extra options. Enable note box: Display note box on ...
    • Custom Branding

      To make your Checkout Page have more brand color, Checkout Branding would help you re-style it easily. A. Design System 1. Color 1.1. Canvas This color setting applies to the body background (Mostly affects top of checkout page). For example when ...