Create a product called "Free Shipping" and then hide/remove in from the drawer and checkout

[HerzensBook]

Hey so I have created a product called: "Free Shipping" in order for me to add it to a bundle offer section so that the customer has a more visual way of noticing that the bundle offers free shipping.

The problem which now accures is that shopify treats my "Free Shipping" product as a regular product and it allows the customer to select the quantity in the drawer and it also is shown on the bills and the checkout page. This will confuse the customer so the easiest way would be to automatically remove the product from the cart when the customer adds the bundle cause the discount will work in the checkout process. 

Or to hide it in the cart so that the customer cannot see the product (as it is free).

Another way would be to at least limit the quantity and to remove the product from the cart once the bundle is no longer active.

Has someone a solution for this issue?

Thank you very much

[DaisyVo]

Hi @HerzensBook 

I totally get where you're coming from. The "Free Shipping" product in the cart could definitely confuse customers, so let's look at a few straightforward solutions you can use to fix this issue.

1. Automatically Remove "Free Shipping" Product from the Cart

You can use a Shopify script or a custom app (if you're on Shopify Plus) to automatically remove the "Free Shipping" product when a customer adds it to the cart as part of the bundle. Here's a high-level way to do it:

• Use Shopify's Script Editor (if available) to write a script that checks the cart contents. If the bundle is present, the script removes the "Free Shipping" product automatically.
• Alternatively, you can work with a developer to create a lightweight custom script that achieves this for your specific needs.

2. Hide "Free Shipping" Product in the Cart

If you're okay with hiding the product instead of removing it entirely, you can use some custom code:

Edit your theme.liquid file (or cart template). Add conditional logic to hide the "Free Shipping" product when displayed in the cart. For example, use something like:
liquid

{% if item.title != "Free Shipping" %}

  <!-- Show product details -->

{% endif %}

This ensures the "Free Shipping" product remains invisible in the cart, but it will still work in the backend.

3. Limit the Quantity of the "Free Shipping" Product

If you'd rather not remove or hide the product, you can restrict the quantity to one. Here’s how:

• Go to your Product Admin for "Free Shipping."
• Set the purchase limit to 1 per customer under the inventory settings.
• You can also add a simple condition in your theme's cart file to prevent customers from modifying the quantity.

4. Remove "Free Shipping" if the Bundle is Inactive

You can use an automated solution to remove the product when the bundle is no longer part of the cart:

• Again, Shopify Plus users can use a cart script to handle this.
• For non-Plus plans, try a third-party app like Bundler or Cart Conditions to define clear logic for when the product should be included or removed.

My Personal Take

Honestly, hiding the product in the cart using custom code feels like the cleanest solution. It’s simple, doesn’t require apps or scripts, and avoids customer confusion. However, if you’re comfortable working with developers or using apps, automating the removal process would make everything seamless.

If you need any other assistance, I am willing to help.
Best regards,
Daisy.

[HerzensBook]

Could you create such a simple script for me to add? You can charge me some money for it that is no problem at all 🙂 But iam not great at coding so help is needed and Iam not on Shopify Plus is there a solution somehow?