How can we help?

Basil Khan
Written by Basil Khan

How can I hide bundle contents on customer orders?

Use JavaScript to hide the bundle contents on a customer's status pages


If you would like to hide products that are part of a bundle, you can do so by modifying the Additional scripts on your status page.

1. Navigate to the Settings page.

2. Click on the Checkout section on the page.

3. Scroll down to Order processing section.

4. Add the following code to the Additional scripts section:

<style>.notice.notice--info{display: none}</style><script>document.addEventListener("DOMContentLoaded", function(){var productRow=document.querySelectorAll('[data-product-id]'); for (let index=0; index < productRow.length; index++){var element=productRow[index]; if (element.innerText.includes("SIMPLE BUNDLES:")){element.remove()}}})</script>

Once added, your bundle items should be removed from the order status page that customers can view after the order is placed.

Before adding the additional scripts

After adding the additional scripts

Categories: