Customer is unable to customize bundle contents in their customer portal
Shopify Checkout integration
Recharge Checkout on Shopify
Sections
Issue
The customer has accessed their Bundle to update the contents through the customer portal but the selection widget is not appearing.
Environment
Platform:
- Recharge Checkout on Shopify
- Shopify Checkout Integration
Resolution
Customers update their bundles through the customer portal. If the option to adjust contents is not visible the customer will not be able to adjust the contents of the bundle.
Option 1 - Standard customer portal themes
Bundles are compatible with the embedded in storefront version of the portal. If you are using hosted by Recharge switch to embedded.
Option 2 - Theme Engine
If you are using Theme Engine, you must implement custom coding to load the bundle files.
- Click Storefront and select Theme Editor.
- Select Edit code on the live theme or theme in development for Bundle and click + Add new file.
- Name the file
_bundle_contents.html
. - Paste the following code to the file.
<link rel="stylesheet" href="https://static.rechargecdn.com/assets/bundling-widget/src.css" referrerpolicy="origin">
<div id="bundling-app"></div>
<script src="https://static.rechargecdn.com/assets/bundling-widget/src.js" referrerpolicy="origin"></script>
For Novum themes
- Select subscription.html and locate the
upsells--wrapper
section: - Above this section add the code:
<div class="right-content tw-100">
{% include '_bundle_contents.html' %} - Close the
div
below theupsells--wrapper
code. - Confirm the update has worked by opening the customer's portal magic link or a test customer.
For Base themes
- Select subscription.html.
- Include the following snippet as the second child of the
rc_subscription
section.{% include '_bundle_contents.html' %}
Was this article helpful?
0 out of 0 found this helpful