Make a selection

Troubleshooting with Bold Bundles

Laurel
Laurel
  • Updated

While using Bold Bundles, you may come across some unexpected issues. While some of these issues may be corrected through a simple app setting, other issues might be related to a conflicting app or process, or some missing liquid code from your theme.

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.

 


 

Blank page with bad request on it after adding bundle to cart

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:

  1. From the Shopify admin, click Online Store.
  2. Click "..." next to your theme you are using Bundles with, then click Edit code.
  3. Under Templates, select product.liquid.

    Note: Depending on your theme this code may be found within Sections in the product-template.liquid file.

  4. Look within the form tags for this code:
    {% unless bundle_loaded == 'true' %}
     {% include'shappify-bdl-load-bundle' %}
     {% assign bundle_loaded = 'true' %}
    {% endunless %}
  5. 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 %}
    Bundle widget code
  6. Select Save.

If you are using Bundles on the Accelerated Draft Order Method (Version 3), the steps are the same as above, but you need to look 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.

 


 

Bundle discount isn't applying on the storefront

There are 3 common reasons why a bundle discount wouldn't apply on the storefront:

  1. 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.
  2. There is a conflict between Bold Bundles and 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.
  3. 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

  1. Log into cloudflare.com.
  2. From the homepage of CloudFlare, select Page Rules.

    Select Page Rules

  3. Select Create Page Rule.

    Select Create Page Rule

  4. Under If the URL matches:, enter:
    https:/(mystore).shopify.com/tools/shappify-pb/*

    Note: Replace (mystore) with your store name.

    Enter code

  5. Select Add a Setting.

    Select Add a Setting

  6. Under Pick a Setting, select Cache Level.

    Select Cache Level

  7. Under Select Cache Level, select Bypass.

    Select Bypass

  8. Select Save and Deploy.

    Select Save and Deploy

 


 

Bundle product images are pixelated on the storefront

  1. From the Bundles app admin, select Product Bundles.
  2. Select the ellipsis beside the offer you're having issues with.
  3. Select Edit.
  4. Under Actions, select the ellipsis beside the product not displaying correctly.
  5. Select Edit product.
  6. Under Image, find the section that says medium and change this to large.

    Find medium, change to large

  7. 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.

 


 

Bundle variants and/or their pricing is showing on the storefront

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 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:

  1. From the Bold Bundles app, select Product Bundles.
  2. Select the toggle beside the Product Bundles group to disable.
  3. Wait for the batch process to complete.
  4. From the Shopify admin homepage, select Products.
  5. Find any app variants not removed after pausing the Bundle groups.

    Remove Variants

  6. Select the app variants that are showing in error.
  7. Select the down arrow.
  8. Select Delete variants.
  9. Returning back to the Bundles admin, select the toggle beside the Product Bundle groups to enable them.

 


 

Bundles are not displaying on the storefront

There are 4 common reasons why a bundle wouldn't display on the storefront:

  1. 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.
  2. 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.
  3. 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.
  4. 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.

 


 

Buy and get products receiving the same discount

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:

  1. From the Bold Bundles app, select Product Bundles.
  2. Select the green status toggle next to the affected bundle group to disable the bundle group.
  3. Once the group has finished its sync, re-enable the group.
  4. Test the bundle functionality on your storefront.

 


 

Hidden bundle variants show up in other apps

While using the Variant Dependant Method, Bold Bundles creates hidden variants on your store. Some third party apps see these as regular products.

If the hidden Bundles variants are appearing on the storefront, collections, product pages, or within the search results, you 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.

 


 

Products not showing in the product selector

In order to make sure all of your products are available in the product selector, you 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, the current date is shown at the top right.

Sync the Product Selector

 


 

Product image changed but not reflecting the new image on bundle widget

When an image for a product is changed in the Shopify admin, the image URL for the product that is used in the bundle needs to be adjusted manually.

In order to obtain the image URL, you 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

  1. From within the Shopify admin, navigate to Content > Files.
  2. Select Upload files.
  3. Navigate to the image on your computer and select Open.
  4. Select the Link icon to copy the image URL to your clipboard.

 

Step 2. Adjust the image URL in Bold Bundles

  1. From within Bold Bundles, select Product Bundles.
  2. Select the ellipsis beside the offer you're having issues with.
  3. Select Edit.
  4. Under Actions, select the ellipsis beside the product not displaying correctly.
  5. Select Edit product.
  6. Under Image, replace this image URL with the new image URL.

    Image URL Example

  7. Select Save Bundle.

 


 

Product(s) missing from a bundle widget

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.

  1. From within Bold Bundles, select Product Bundles.
  2. Select the green status toggle next to the affected bundle group to disable the bundle group.
  3. 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.

 


 

Product images have disappeared after syncing bundles

This issue occurs if you have changed the default image for the products in your bundle. These images are removed after performing a sync, or toggling the bundle off and on. You 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.

 


 

Unable to log into or access Bold Bundles

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.