Fixing the bundle product that is getting added to the cart as a single product incorrectly

You may have made a product from your bundle (combo product) with the Fast Bundle app and you set it to add the included products to the cart when it gets added to the cart. With such a bundle product, when you click on the add to cart button the included products should be added to the cart. See the below bundle product:

when you click on the add to cart button the cart will be like the below image:

But sometimes the bundle product itself gets added to the cart incorrectly like the below image:

This may occur for some reasons. Some of the reasons are:

1- You may have add to cart button for this product on some pages other than its product detail page. For example collection page. If a user adds to that button the bundle product itself gets added to the cart.

2- In some themes, we can't find the add to cart button of the product correctly on the product detail page. So we can't change the functionality of the add to cart button to add the included product to the cart. 

In such cases, if the bundle product itself gets added to the cart incorrectly, We will display a modal to the user immediately. The modal will looks like the below image. 

On this modal, the included products will be displayed and the user can choose the included products' variants (if exist). Then the user should click on the Fix Your Cart button so that the bundle product gets replaced with the included products.