Selling Plan not Visible
Selling plans enable customers to subscribe to a product by giving them options for different billing frequencies like weekly, monthly, yearly, etc. Sometimes, an issue arises, which is that the Selling plan name is not visible on the cart pop-up and/or main cart page.
Here is a step-by-step guide to resolve this issue. We will pick up a sample product for this and perform the required actions.
For example:
Loop already provides a one-click action to start showing the selling plan name on the cart. Clicking on this button, we insert our code snippet into their cart file. Based on this information, the validation process shall include below steps in order:
Add at least one subscription item to the cart and go to the checkout page. If you see “Recurring subtotal” at the end of the right-side panel containing order amount information, it means the selling plan is successfully passing; if not, first resolve the issue of “Selling plan is not passing” and come back here if needed.
Open Loop admin > Subscription widget > Installation > Add selling plan label on the cart page. If it's not already added, click “Add selling plan label to cart,” and it shall do the job. However, it might fail if the cart implementation is custom; in that case, refer to the below resolution section.
The resolution steps below are generic to help anyone resolve similar issues across any theme. Resolution is given separately for the primary and mini cart.
Add a subscription product to the cart and open the cart page.
Press right-click on the cart page and select “Inspect” from the pop-up.
Hover over the element below which the selling plan name needs to be shown and copy its class. In this case, it's “cart-variant”.
Open the Shopify theme code editor by going through Shopify admin > Sales channel > Online store > Themes > Concerned Theme > Edit code.
Search the copied class in the global search bar at the top, powered by the installed theme file search extension. Results will include some CSS files and a liquid file. Open the liquid file.
Click inside the liquid file text area and press “Ctrl + F” to search for the copied class to get to the exact line.
Paste one of the below tags just after the concerned tag, i.e. variant title tag. Pick <p> or <span> to match it with the variant title tag. Based on the screenshot above, go with the <span> tag in this case.
OR
Open the cart page again and check if the selling plan name is displaying. If not, scroll above in the code editor and pick up the “cart.items” variable being looped over i.e. “item” in this case.
Repeat step 7 with the tags below and check back on the cart page.
OR
The same steps as shared above can also be used to resolve the mini-cart issue.
There is no need to worry. We are here to assist you. Please contact us at support@loopwork.co or feel free to reach out to us through the chat by clicking on the support beacon located at the bottom right corner.
Regards,
Loop Subscription Team 🙂
Here is a step-by-step guide to resolve this issue. We will pick up a sample product for this and perform the required actions.
For example:
Validation
Loop already provides a one-click action to start showing the selling plan name on the cart. Clicking on this button, we insert our code snippet into their cart file. Based on this information, the validation process shall include below steps in order:
Validation 1:
Add at least one subscription item to the cart and go to the checkout page. If you see “Recurring subtotal” at the end of the right-side panel containing order amount information, it means the selling plan is successfully passing; if not, first resolve the issue of “Selling plan is not passing” and come back here if needed.
Validation 2:
Open Loop admin > Subscription widget > Installation > Add selling plan label on the cart page. If it's not already added, click “Add selling plan label to cart,” and it shall do the job. However, it might fail if the cart implementation is custom; in that case, refer to the below resolution section.
Resolution
The resolution steps below are generic to help anyone resolve similar issues across any theme. Resolution is given separately for the primary and mini cart.
Resolution for the main-cart
Add a subscription product to the cart and open the cart page.
Press right-click on the cart page and select “Inspect” from the pop-up.
Hover over the element below which the selling plan name needs to be shown and copy its class. In this case, it's “cart-variant”.
Open the Shopify theme code editor by going through Shopify admin > Sales channel > Online store > Themes > Concerned Theme > Edit code.
Search the copied class in the global search bar at the top, powered by the installed theme file search extension. Results will include some CSS files and a liquid file. Open the liquid file.
Click inside the liquid file text area and press “Ctrl + F” to search for the copied class to get to the exact line.
Paste one of the below tags just after the concerned tag, i.e. variant title tag. Pick <p> or <span> to match it with the variant title tag. Based on the screenshot above, go with the <span> tag in this case.
{{ selling_plan_name }}OR
{{ selling_plan_name }}Open the cart page again and check if the selling plan name is displaying. If not, scroll above in the code editor and pick up the “cart.items” variable being looped over i.e. “item” in this case.
Repeat step 7 with the tags below and check back on the cart page.
{{ item.selling_plan_allocation.selling_plan.name }}OR
{{ item.selling_plan_allocation.selling_plan.name }}Resolution for the mini-cart
The same steps as shared above can also be used to resolve the mini-cart issue.
Still Need help?
There is no need to worry. We are here to assist you. Please contact us at support@loopwork.co or feel free to reach out to us through the chat by clicking on the support beacon located at the bottom right corner.
Regards,
Loop Subscription Team 🙂
Updated on: 09/07/2024
Thank you!