If you’re offering deposits or subscriptions, you’ll want your customers to clearly see which plan they’ve chosen when they view their cart. For example, instead of guessing, they’ll see something like:
“Pay 30% today, 70% later”
“Monthly subscription”
This guide will show you how to display the plan name in your cart page so everything is clear before checkout.
Why do this?
By default, Shopify stores selling plan details (like deposit options or subscriptions) in the background. But customers may not see that information until checkout. Adding the plan name to the cart makes the shopping experience clearer and reduces confusion.
Go to the theme code editor.
In the Templates section, locate the cart.json file.
Within the file, find the section with type: main-cart-items.
Note that the type may vary across different themes, but it will be similar in general.
In the Sections section, among the files, find the one with the same name as the type from the previous step.
In the file, identify the place where line item properties are displayed.
Typically, it starts with {%- for property in item.properties -%} and ends with {%- endfor -%}, followed by either </ul> or </dl>.
Depending on your preference, add the line
<span>{{ item.selling_plan_allocation.selling_plan.name }}</span> either above or below this section.
Save the changes and check how the subscription is displayed on the cart page. If anything seems off, you can try placing the line from the previous step further down or up in the code.
This instruction is suitable for OS 2 themes. For other themes, there won’t be steps 2 and 3, and the section name from step 4 needs to be identified.
Typically, it could be cart-template, cart-section and so on. If you don't find the code from step 5 where you can place the selling plan name in sections with such names, you can navigate to the Snippets section and look for the relevant piece of code in a file named cart-item or something similar.
Need Help?
If you have any questions, please contact our support team.
📩 Contact Support: Reach out to us via live chat or send an email to [email protected]