How to insert alert for customer in cart page

Topic summary

A user seeks to display a dynamic alert on their cart page showing customers how much more they need to spend to qualify for free shipping. They’re using the Spotlight theme and note they only have a cart.liquid file (not a cart drawer implementation).

Specific Requirements:

  • Alert message example: “Only $2.00 left to reach free shipping”
  • Must work on the cart page specifically

Proposed Solution:
Another user suggests a three-step approach:

  1. Configure the minimum free shipping threshold in theme schema settings
  2. Add custom code to calculate the remaining amount needed
  3. Apply CSS styling for the alert display

The discussion remains open with the initial implementation guidance provided but no confirmation of successful resolution yet.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hi, how can I alert my customers right on the Cart page how much more they need to spend to qualify for free shipping? We are currently using the Spotlight theme and I read somewhere that this is possible only on cart page and not on cart drawer style which I saw in my site’s code that this is the case. I only have cart-drawer.liquid

Is there any code that can help with this? I would really live to let my customers know that they have for example only 2.00$ left to reach the free shipping.

Our site: www.fogveli.com

Thanks in advance!

Hi @Fogveli

  1. First you need to set the minimum amount for the free shipping using schema.
  2. Add the custom code for the calculation of the free shipping
  3. Add css accordingly.

Thank You