Skip to main content

​
Introduction

If the subtotal setting (pictured below) isn’t working for you, here’s a document going over how to insert a subtotal line manually.

​
Enabling Subtotal Line

You can easily enable the Subtotal line in the cart Design settings. Here is where to find the setting: Cart Editor > Design > General > Enable subtotal line Cart Editor Design settings with the Enable Subtotal Line checkbox highlighted

​
Inserting Subtotal via Code

​
Accessing Custom CSS and HTML Settings

To begin customizing the CSS for your Upcart, follow these steps:
  1. Open the Upcart App within your dashboard.
  2. Navigate to the Cart Editor.
  3. Open Settings. It is a row of tabs — pick Custom HTML or Custom CSS (they sit behind More settings if the row overflows).

​
HTML

Make sure to select an HTML location to target the changes you would like to see in Upcart. In our case, we would want the subtotal line to be “above the checkout button”. Feel free to change the “Subtotal” text below to match your preferred language.
This is how your custom HTML settings should look like in Upcart: Custom HTML settings set to Above checkout button with the subtotal line code

​
CSS

In Settings =>Custom CSS, Change the font size and colors in custom CSS as needed. Don’t forget to hit “Save” when you’re done!
Custom CSS settings showing the cart subtotal styling rules

​
🚧 Support for Customizations

Upcart’s support team cannot assist with implementing custom CSS or HTML solutions in your cart. If you need help designing or styling something custom, we recommend consulting a Shopify Expert or chatting with an LLM using our AI Prompt Guidelines.