Goal: Make a cart progress bar with three spend tiers (e.g., 499, 1,799, 2,999) reflect Shopify Discounts rules dynamically (e.g., >1,799 → $100 off; >2,999 → $200 off), so changes in Discounts admin automatically update the tiers and displayed rewards in HTML.
Proposed approaches:
Custom setup: Store tier thresholds and discount amounts as metafields (custom data fields) and render them in the theme via Liquid (Shopify’s templating language). Ensure the discounts app or a script updates these metafields whenever discount conditions change.
Third‑party app: Use a gamification tool (e.g., LevelUp Rewards) that manages tiered rewards/progress bars from Shopify admin and auto-syncs progress, badges, and reward logic with updated discount thresholds.
Status and next steps: No implementation confirmed. The choice is between building a metafield-based sync or adopting a dedicated gamification app. Discussion remains open with no final decision or code shared.
Summarized with AI on December 11.
AI used: gpt-5.
I have build a gamification progress bar in the cart with 3 tiers: 499 1799 2999 each tier represents a condition that must pass in the discounts admin, eg: for purchases over 1799 the discount is -100 and for purchases over 2999 the discount is -200
the thing is that i need to reflect the condition and the discount: eg:
I have the discounts admin:
discount value: fixed and the amount is 100
and the minimum purchase amount 1799
i need those values for each of the three tiers to be reflected in the html dynamically, so if i change the discounts conditions it automatically changes the tiers
Could you save the values of the three tiers as metafields that can be added to a themes page with Liquid - and set up an implementation that if the discounts are changed in the app, new metafield values would be set?
That sounds like a great idea — and I totally get what you’re trying to achieve.
If your goal is to make that progress bar dynamic and connected to real discount conditions, you might actually save a lot of time by using a ready-made gamification layer instead of managing everything in Liquid or JS.
LevelUp Rewards does exactly that — it lets you build tiered rewards, progress bars, and even achievement systems directly from the Shopify admin (no custom coding).
You can set up “quests” or “tiers” like:
Spend $499 → unlock a small reward
Spend $1,799 → get $100 off
Spend $2,999 → get $200 off
And the app automatically updates the progress bar, badges, and reward logic if you ever change the discount thresholds — it’s all synced dynamically.
So if you want your gamified cart to evolve automatically with your discount settings, LevelUp Rewards might be worth a look
