How to disable links to Individual Product Pages within a Bundle

If you're using Bundly and want to prevent customers from purchasing individual components outside of a bundle, you can disable links to product pages by adding a few lines of custom CSS. This is especially useful if you're only selling certain items as part of a bundle.

Step-by-step instructions

Navigate to the Bundly app and open the bundle you want to modify.
On the bundle edit page, click the Theme Editor button.
Scroll to find the Bundle Information app block and click on it.
Scroll down to find the Custom CSS field within the Bundle Information app block.
Copy and paste the following code into the Custom CSS field:

.bundly__component_title a,
.bundly__product_title a {
  pointer-events: none;
}

After pasting the code, make sure to hit Save to apply the changes to your theme.

That’s it! Your bundle will no longer have clickable links to product pages.

Additional Notes

The product pages will still be accessible via direct links.
You can also hide the products from search results and remove Add to Cart button from individual product pages.

Need help? Reach out to us at support@bundly.app and we’ll be happy to assist.