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, Products Bundles' discounts won't automatically apply in a cart preview. More information about this can be found in the "Product Bundles not applying a discount in a cart preview" section.
Another cause of Product Bundles not updating the price of your products in the cart may be that your shop is using CloudFlare. Product Bundles also uses CloudFlare, and by default when both the shop and the app are using it, Product Bundles doesn't apply its discount. More information about this can be found in the "Product Bundles not applying a discount due to CloudFlare" section.
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 directed to the cart page where the discounts would apply.
Visit Disable the Ajax Add to Cart Functionality in the Theme for detailed instructions.
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 exactly can be done depends upon the exact theme functionality in question. If this situation applies to you, then feel Email our Support Wizards, and we can help implement a solution that works for you.
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 Email our Support Wizards, and we will assist you further.
- Log into your account at cloudflare.com.
- 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.