Troubleshooting with Bold Bundles

Overview

While using Bold Bundles, you may come across some issues with the display or performance of the app. Some of these issues can be corrected through an in-app setting, however, other issues might be related to 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. 

Here is a list of issues that will be covered in this article: 

  • Blank Page with Bad Request on it After Adding Bundle to Cart
  • Bundle Discount isn't Applying on the Storefront
  • Bundle Product Images are Showing Pixelated on the Storefront
  • Bundle Variants and/or Their Pricing is Showing on the Storefront
  • Bundles not Displaying on the Storefront
  • Buy and Get Products Receiving the Same Discount
  • Hidden Bundle Variants Show up in Other Apps
  • Liquid Code is Showing on the Storefront
  • Known App Conflicts with Bundles' Variant Dependant Method
  • Known Issues and Incompatibility with Bundles
  • Products can't be Selected in the Product Selector
  • Product Image Changed but not Reflecting on Bundle Widget
  • Product(s) Missing from a Bundle Widget

Please select an issue below for steps on how to resolve the issue:

This error message can occur when the code to output the bundle widget is within the product page form. The bundle include code will need to be removed outside of the form tags in the liquid code in order to resolve this issue. 

For steps on moving the bundle include code in your theme's liquid code, please follow these steps:

  1. From within your Shopify admin, select Online Store, then Actions < Edit code next to the theme that you have the Bundles liquid code installed on. 
  2. Under "Templates", select product.liquid.

    Note: If your theme contains sections, this code may be found within "Sections", in the product-template.liquid file.

  3. Look within the form tags for this code:

    {% unless bundle_loaded == 'true' %}
     {% include 'shappify-bdl-load-bundle' %}
     {% assign bundle_loaded = 'true' %}
    {% endunless %}
  4. Add this code where you would like the product bundle to display on the product page:

    Note: This code cannot be within the form tags. We recommend adding it 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 and look for the code in there.

    {% unless bundle_loaded == 'true' %}
     {% include 'shappify-bdl-load-bundle' %}
     {% assign bundle_loaded = 'true' %}
    {% endunless %}
    Bundle widget code
  5. Select Save.

Still receiving the same error after moving the bundle include code outside of the form tags? If so, please reach out to our Merchant Success team for further assistance.

Missing bundle discounts from the storefront can be caused from a variety of different reasons. Often times, missing bundle discounts are in result of missing liquid code on your theme or a third party app conflict within your theme's liquid code. 

To help determine if you are missing some liquid code in your theme or there is a third party app conflict with Bold Bundles, you can reach out to our Merchant Success team for further assistance.

If you find that bundle discounts are only missing on the cart page, usually this occurs because the browser isn't on the cart page (yourshop.myshopify.com/cart), but rather a preview page, such as a modal window or a window that "slides" down from the top of the page. This functionality is often associated with an "Ajax add to cart function". By default, Bold Bundles' discounts won't automatically apply in a cart preview. More information about this can be found in the "Bundles not applying a discount in a cart preview" section. 

Another cause of Bundles not updating the price of your products in the cart may be that your shop is using CloudFlare. Bundles also uses CloudFlare, and by default when both the shop and the app are using it, Bundles doesn't apply its discount. 

 


 

Bundles not Applying a Discount in a Cart Preview

The app was developed to check if someone is eligible for a discount, and if so apply the discount on the cart page. This is because the discount functionality needs a page load, which traditionally would happen when a user is directed to the cart page from the product page after the add to cart button is selected. Some theme functionality, like an Ajax, add to cart function, prevents the page load by keeping the user on the product page, and prevents the discount from taking place.

The easiest solution would be to simply disable the Ajax add to cart functionality, and have the user re-directed to the cart page where the discounts would apply.

Another solution would be to force a page refresh when the add to cart button is clicked, which would trigger the app's discount functionality. The user would be able to stay on the product page, which is the point of the Ajax add to cart function, but this would likely disrupt any cart preview from immediately showing up.

Another solution would be to change the "checkout" button in the cart preview to direct the user to the cart page where the discount would apply, instead of to the checkout page which would bypass the app's discount functionality. The app discounts wouldn't appear in the initial cart preview, but they'd still apply on the cart page.

What can be done depends on the exact theme functionality in question. If this situation applies to you, please contact our Merchant Success team, and we can help implement a solution that works for you.

 


 

Bundles not Applying a Discount Due to CloudFlare

The following instructions will help guide you through correcting this issue. However, if you find that you are still having issues please make sure to contact our Merchant Success team and we will assist you further. Log into your account at cloudflare.com.

  1. From the homepage of CloudFlare, select Page Rules.

    Select Page Rules

  2. Select Create Page Rule.

    Select Create Page Rule

  3. Under "If the URL matches:", enter:

    https://(mystore).shopify.com/tools/shappify-pb/*

    Note: Replace (mystore) with your store name.

    Enter code

  4. Select Add a Setting.

    Select Add a Setting

  5. Under "Pick a Setting", select Cache Level.

    Select Cache Level

  6. Under "Select Cache Level", select Bypass.

    Select Bypass

  7. Select Save and Deploy.

    Select Save and Deploy

When creating a bundle, Bundles will try to resize your product images so they display properly within the app's widget. Sometimes this compression can cause issues with how the images display on your storefront, and they will become slightly pixelated.

To fix this issue, please follow these steps:

  1. From the admin homepage of Bundles, select Product Bundles.
  2. Select the ellipsis beside the offer you're having issues with.
  3. Select Edit.
  4. Under "Setup", 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 and on step 6, remove the size in the image URL. Removing the size in the image URL should not put any restrictions on the image within the bundle widget on the storefront.

When hidden variants created from Bundles and/or the pricing of the hidden variants is showing on the storefront, it's usually because meta field data on one or more app variants were removed. Bundles uses this data to control its variants, and when this happens the app no longer recognizes the variant and is unable to modify, delete, hide or properly use the variant.

There are a few things that can cause this:

  • The app's variant was manually modified in the product section of Shopify's admin.
  • Import was initiated in Shopify while the app was applied to the product that was being imported and overwritten without the app being paused beforehand.
  • The product and its variants were duplicated from another product that had Bundles applied to it.
  • In rare situations, another app can affect a product in such a way that the app's meta field data is cleared.

In the situation where the Bundles variants and/or their pricing is showing on the storefront, and it has verified that the problem isn't being caused by the app's code not being installed on the theme, we have some steps that you can follow to resolve this issue in your store's admin.

To fix this, please follow these steps:

  1. From the admin homepage of Bundles, 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.

    Note: If you have many variants that need to be deleted, it may be a good idea to export all of your products as a CSV file and mass delete the extra variants in Excel, and then re-import the products.

Most of the time this occurs because the liquid wasn't installed, or it was installed incorrectly. Double check the Bold Bundles Code Install Instructions and make sure all of the code is in place in your theme. If you are not comfortable with adjusting the liquid code in your theme, please request an installation from our Merchant Success team. 

Another potential cause is that one of the bundle items is out of stock or it is set to "not visible" in the edit product page in the Shopify admin.

Visit Managing your inventory and Product visibility (links to Shopify) for more information.

If a "Buy" product is also receiving the same discount as the "Get" product in a BOGO (Buy-One-Get-One) type bundle, this usually indicates that there is a syncing issue between the bundle discount on the storefront and the Bold Bundles app. 

Most commonly these issues can be resolved by turning off the bundle group that contain the Buy/Get products, then re-enabling the bundle group again. 

For steps on how to turn off and back on a bundle group in Bold Bundles, please follow these steps: 

  1. From within the Bold Bundles admin, 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, select the grey toggle for the same bundle group to re-enable the group.

Once the bundle group has finished syncing, check the storefront and test the bundle functionality again. 

Note: If the same issue is occurring on the storefront, please reach out to our Merchant Success team for further assistance.

 Caution

This only applies to stores using the Variant Dependant Method of Bundles. The Draft Orders Method does not create variants.

Bundles creates bundle variants to represent the bundle discounts that a user can receive if eligible. Part of the code install for the app hides the bundle variants from the storefront. It works by detecting if certain meta field data is on the variant and if so the variant is hidden.

Other apps don't have that code programmed into them to hide or not use those bundle variants, and if the app pulls the Shopify variant information and works with it in some manner (such as displaying the variants in another format), there's a chance that the bundle variants will be pulled as well.

Because we don't have any control over what these apps do we're not able to stop these apps from using those variants, and you would likely need to contact the other app's developer to see what can be done on their end.

Our code in the Shopify storefront uses the following if statement to detect if the "shappify_bundle.is_bundle" meta field is equal to true, and if so the variant is hidden.

{% if variant.metafields.shappify_bundle.is_bundle == "true" %}{% else %}

This or something similar would need to be used in the other apps programming to detect this meta field on the variant so it's ignored.

This issue can sometimes occur after running the automatic install tool within Bold Bundles on themes that have had a lot of customizations done in the theme's liquid.

Our automatic install tool will place the liquid code for Bold Bundles in the required liquid files. If these liquid files in question have had major customizations performed on them, it's possible that some liquid code may appear on the storefront after the automatic install tool has been ran on your theme.

The best workaround we can recommend to avoid this issue is to always duplicate your theme prior to running the automatic install tool that you can revert back to on your storefront.

If visible liquid code is present on your storefront after running the automatic install tool from within Bold Bundles, we recommend requesting for an expert installation in Bold Bundles. 

While Bold Bundles is set to the Variant Dependant Method, there are some apps that either cannot work in unison with Bundles, or may have a partial limitation. 

We have put together a list of some apps conflicts that we have come across in the past with Bundles while on the Variant Dependant Method.

The list that contains the conflicts, along with the third party app name, the known issue and the solution, can be found below: 

App Known Issue Solution
Wholesaler

Bundles pricing will appear in the store. These apps will create variants on top of these, increasing the number of variants exponentially.

Uninstall Wholesaler app before running Bundles.
Facebook Store

Bundles pricing on products is being displayed on the Facebook store.

No solution available. The liquid code is added to the theme file to show the appropriate price on Shopify. Facebook does not use the liquid code.
Pinterest

Bundles pricing on products is being displayed on Pins.

No solution available. The liquid code is added to the theme file to show the appropriate price on Shopify. Pinterest does not use the liquid code.
Google Shopping

Bundles pricing on products is being displayed on Google product feeds.

No solution available. The liquid code is added to the theme file to show the appropriate price on Shopify. Google does not use the liquid code.
Inventory, Shipping apps

Most, if not all, inventory and shipping apps treat the variants created by Bundles as individual products. Some of these apps include:

ShipStation, Shipwire, Stitch Labs, Vend, - Lettuce, Brightpearl, TradeGecko.

We have reached out to a number of these app developers. No solution is currently available.
Linkcious

Bundles pricing will appear in the related products.

 No known solution.
Advanced Product Options by MageWorx Advanced Product Options attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Cross-Sell Hero - Cross-Sell by Booster Apps Cross-Sell Hero attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Custom Product Options by HulkApps Custom Product Options attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Discounted Upsells - Upsell by Booster Apps Discounted Upsells attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Discounted Pricing by Booster Apps Discounted Pricing attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Product Options & Customizer by Product Customizer Product Options & Customizer attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Product Personalizer by Zepto Apps Product Personalizer attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Quantity Breaks Now by Website On-Demand Quantity Breaks Now attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Upsell Bundles - Product Bundles by Booster Apps Upsell Bundles attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Volume & Tiered Discounts by HulkApps Volume & Tiered Discounts attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.
Wholesale Hero - Wholesale by Booster Apps  Wholesale Hero attempts to use similar cart hooks that the Bundles app also uses. Unfortunately there is no solution currently available. The conflicting app, and its code, must be removed from the store.

Themes with an Ajax cart, like Lookbook - can have issues with Bundles. When a bundle item is removed, the remaining items will remain in the cart at the bundle price, until the page is refreshed.

To fix this issue, you will need to disable the Ajax cart on your theme. With most themes, the Ajax cart can be disabled in your theme's settings through the following steps below: 

  1. From within your Shopify admin, select Online Store, then select Customize theme beside the theme that has the Ajax cart.
  2. Select General settings.
  3. Select Cart.
  4. Select the Page option.
  5. Select Save.

If you cannot find this setting in your theme and require further assistance, please contact our Merchant Success team for further assistance.

Not being able to select products in the product selector is common if you are using Bold Custom Pricing while on the Draft Order Method, while Bundles is on the Variant Dependant or Draft Order Method as well. If the two apps are setup this way, you must setup discounts in Bundles first, then in Custom Pricing. If discounts are enabled in Custom Pricing first, you will not be able to select the same products in Bundles. 

The items that you can see but not select are items that Custom Pricing is currently using. Pause your quantity breaks and wait for the batch to finish. You will be able to add all the products you couldn't select before.

One workaround for the issue above is to set both Custom Pricing and Bundles to the Accelerated Draft Order Method. In order to switch to the Accelerated Draft Order Methods for both apps, a backend change and a new liquid code installation must be completed from our Merchant Success team. Please reach out to our Merchant Success team for further assistance with changing to the Accelerated Draft Order Method. 

When an image for a product is changed in the Shopify admin, the image URL for the product that is used in the bundle(s) will need to be adjusted manually as well.

For steps on changing the image URL for a product in a bundle group, please follow these steps:

  1. From the admin homepage of Bundles, select Product Bundles.
  2. Select the ellipsis beside the offer you're having issues with.
  3. Select Edit.
  4. Under "Setup", 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.

We often find that a product can be missing from a bundle widget on the storefront if a product has been set as inactive, removed from the online store sales channel, or if an import of products was performed in your Shopify admin either manually or through a third party inventory app.

In order to bring the missing product back onto the storefront, we recommend turning off and back on the bundle group that the product is assigned to.

If one of the three scenarios mentioned above does not apply to you, we recommend reaching out to our Merchant Success team for further assistance.

Was this article helpful?
0 out of 0 found this helpful