Customer is unable to customize bundle contents in their customer portal
Sections
Issue
Customers have tried to update their Bundle's contents through the customer portal, but the selection widget did not appear.
Environment
- Shopify Checkout Integration
- Migrated Shopify Checkout Integration
Resolution
Customers update their bundles via the customer portal. However, if the option to adjust contents is not visible, they cannot modify the bundle's contents. To resolve this, check for these two most common theme-related problems.
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.
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' %}