In this article, we are going to go over some common issues that can arise with Bundles and what steps can be taken to resolve each issue. Please select a question below to view the answer.
Pro-Tip
If you are experiencing an issue that is not outlined in this article, or need further help, please reach out to our Customer Success team.
This error message can occur when the code for the bundle widget is within the product page form.
If you are using either of the following versions of Bold Bundles:
- Variant Dependent Method (Version 1)
- Draft Order Method (Version 2)
Please follow these steps:
- From the Shopify admin, select Online Store, then Actions.
- Select Edit code next to the theme that you have the Bundles liquid code installed on.
-
Under Templates, select product.liquid.
Note: Depending on your theme this code may be found within Sections in the product-template.liquid file.
-
Look within the form tags for this code:
{% unless bundle_loaded == 'true' %} {% include 'shappify-bdl-load-bundle' %} {% assign bundle_loaded = 'true' %} {% endunless %}
-
Add this code where you would like the product bundle to display on the product page:
Note: This code must be placed either after the </form> tag or just before the code that outputs the related products. If you can't find the </form> tag in the product.liquid file, check the Snippets folder for a product-form.liquid or short-form.liquid file.
{% unless bundle_loaded == 'true' %} {% include 'shappify-bdl-load-bundle' %} {% assign bundle_loaded = 'true' %} {% endunless %}
- Select Save.
If you are using Bundles on the Accelerated Draft Order Method (Version 3), the steps will be the same as above, but you will be looking for this code:
{% unless bundle_loaded == 'true' %}
{% render 'shappify-bdl-load-bundle' %}
{% assign bundle_loaded = 'true' %}
{% endunless %}
If you are receiving the same error after moving the bundle include code outside of the form tags, please reach out to our Customer Success team.
There are 3 common reasons why a bundle discount wouldn't apply on the storefront:
- Missing liquid code on your theme. To see your options for adding the necessary liquid code to your theme, please visit Bold Bundles Code Install Instructions.
- There is a conflict between Bold Bundles and a another app on your store. To check if you have any conflicting apps on your store, please visit Bold Bundles Third Party Conflicts and Bold Bundles Bold Integrations.
- Your shop is using CloudFlare. Bold Bundles cannot function properly when two instances of CloudFlare are being run at the same time. To resolve this, please follow the steps below.
Setup
- Log into cloudflare.com.
- From the homepage of CloudFlare, select Page Rules.
- Select Create Page Rule.
-
Under If the URL matches:, enter:
https://(mystore).shopify.com/tools/shappify-pb/*
Note: Replace (mystore) with your store name.
- Select Add a Setting.
- Under Pick a Setting, select Cache Level.
- Under Select Cache Level, select Bypass.
- Select Save and Deploy.
- From the Bundles app admin, select Product Bundles.
- Select the ellipsis beside the offer you're having issues with.
- Select Edit.
- Under Actions, select the ellipsis beside the product not displaying correctly.
- Select Edit product.
- Under Image, find the section that says medium and change this to large.
- Select Save Bundle.
If the image is still pixellated on the storefront, repeat steps 1-5 again. Then, on step 6, remove the size in the image URL.
The most common reason for Bold Bundle variants not showing on the storefront is due to missing liquid code on your theme, or a conflict between Bold Bundles and a third party app.
Among these however, there are several other common reasons why this may occur:
- The app's variant was manually modified in the product section of the Shopify admin.
- An Import was initiated in Shopify without the app being paused first.
- The product and its variants were duplicated from another product that had Bundles applied to it.
To fix this, please follow these steps:
- From the Bold Bundles app, select Product Bundles.
- Select the toggle beside the Product Bundles group to disable.
- Wait for the batch process to complete.
- From the Shopify admin homepage, select Products.
- Find any app variants not removed after pausing the Bundle groups.
- Select the app variants that are showing in error.
- Select the down arrow.
- Select Delete variants.
- Returning back to the Bundles admin, select the toggle beside the Product Bundle groups to enable them.
There are 4 common reasons why a bundle wouldn't display on the storefront:
- There is missing liquid code on your theme. To see your options for adding the necessary liquid code to your theme, please visit Bold Bundles Code Install Instructions.
- There is a conflict between Bold Bundles and a 3rd party app. To check if you have any conflicting apps on your store, please visit Bold Bundles Third Party Conflicts.
- Your product is out of stock. Please ensure your product is in stock within Shopify. For help with this, please visit Shopify's help center article Managing your inventory.
- Your product is not visible on the storefront. Please ensure your product is active in the online store channel. Please visit Shopify's help center article for information on how to make your products available to your sales channels.
This issue typically indicates a sync issue between the bundle discount on the storefront, and the Bold Bundles app.
These issues can be resolved by turning the bundle group off and then back on:
- From the Bold Bundles app, select Product Bundles.
- Select the green status toggle next to the affected bundle group to disable the bundle group.
- Once the group has finished its sync, re-enable the group.
- Test the bundle functionality on your storefront.
While using the Variant Dependant Method, Bold Bundles will create hidden variants on your store. Some third party apps will see these as regular products.
If the hidden Bundles variants are appearing on the storefront, collections, product pages, or within the search results, you will need to upgrade to Draft Order Method (Version 2) or Accelerated Draft Order Method (Version 3).
For more information, please visit Bold Bundles Benefits & Upgrade Process.
For a list of known third party app conflicts for all versions of Bold Bundles, please visit Bold Bundles Third Party Conflicts.
In order to make sure all of your products are available in the product selector, you will need to ensure your products in Shopify are synced with Bundles.
You can update the product selector by clicking on the blue Sync with Shopify text. Once this is done, you will see the date on the top right updated to today's date.
When an image for a product is changed in the Shopify admin, the image URL for the product that is used in the bundle will need to be adjusted manually.
In order to obtain the image URL, you will first need to add the new product image to your files area in Shopify.
To make this adjustment, please follow the steps below.
Step 1. Add the Image to Shopify Files
- From within the Shopify admin, navigate to Content > Files.
- Select Upload files.
- Navigate to the image on your computer and select Open.
- Select the Link icon to copy the image URL to your clipboard.
Step 2. Adjust the image URL in Bold Bundles.
- From within Bold Bundles, select Product Bundles.
- Select the ellipsis beside the offer you're having issues with.
- Select Edit.
- Under Actions, select the ellipsis beside the product not displaying correctly.
- Select Edit product.
- Under Image, replace this image URL with the new image URL.
- Select Save Bundle.
There are a few reasons a product can be missing from a bundle widget on the storefront. They are:
- The product has been set as inactive.
- The product was removed from the Online Store sales channel.
- An import of products was performed in your Shopify admin manually or through a third party inventory app.
In order to bring the missing product back onto the storefront, we recommend ensuring the product is active and on the online sales channel. Once that has been confirmed, you can turn the bundle group off and back on again to resync the bundle.
- From within Bold Bundles, select Product Bundles.
- Select the green status toggle next to the affected bundle group to disable the bundle group.
- Once the group has finished syncing, re-enable the group.
If one of the above three scenarios mentioned does not apply to you, please reach out to our Customer Success team for further assistance.
This issue occurs if you have changed the default image for the products in your bundle. These images will be removed after performing a sync, or toggling the bundle off and on. You will need to reselect the image within the group settings.
For more information on how to select a custom image, please visit Create/Edit/Delete a Bundle to edit your bundle, and review the steps for the bundle type you need.
In order for our apps to function correctly in your browser, you must have third-party cookies enabled. Our apps store information in your browser cookies that allow you to gain access and perform certain actions.
In some versions of Chrome and Safari, the setting to allow cross-website tracking must also be enabled.
For more information on this and other troubleshooting steps, please visit App Access Troubleshooting.