Goal: Let shoppers choose a package (free, premium, experience) on the cart page and adjust the cart total accordingly (e.g., premium adds a fixed amount like +10), editable via Liquid.
Proposed approach: Add three radio buttons on the cart page, with Free selected by default. When a customer selects Premium or Experience, add a corresponding “associated product” (a fee/upgrade line item) to the cart; switching back to Free removes it.
How it affects pricing: The cart total changes by adding/removing this associated product rather than directly modifying item prices. This keeps pricing logic clear and compatible with the cart’s normal total calculation.
Implementation notes: Requires cart page UI (radio buttons) plus Liquid/JavaScript to add/remove the associated product based on selection. No code snippet provided.
Artifacts: A screenshot is included showing the radio-button UI, which is central to understanding the interaction.
Status: Suggestion provided; no confirmation of implementation or resolution yet (open).
Hi Everyone,
I have 1 new requirement to customize my cart page. I have three packages (i.e. free, premium, experience) in cart page against all items in cart. Now I want to update cart price according user package selection . If User select free package then no need to change price but if user select premium Then I need to update cart value for example ( newcartprice = cartTotalPrice + 10). Any suggestion that how I can implement this scenario?
I can update liquid code to change this.
Hi @Asif_Muhammad ,
To get this feature you can create option like below on cart page where three radio button will be there free will be selected by default and user will able to switch to between Premium and experience.
This will add and remove associated product to cart which will increase the price.
Let me know if you have any doubt…
