How can I remove the product price from the bundle section?

Store Design
, ,

Topic summary

A user seeks to hide product prices displayed in their Shopify store’s bundle product section.

Solutions Provided:

Two working CSS solutions were offered:

  • Custom CSS approach: Add .bundle-product .product-description .price { display: none !important; } to the section’s Custom CSS field
  • Base.css approach: Insert .bundle-products .product-container .price{display:none !important;visibility:hidden;} at the end of the base.css file

Outcome:

The issue was resolved. The user initially reported the first solution didn’t work due to copying the code incorrectly, but confirmed success after applying it properly. An image was shared showing the bundle section where prices needed removal.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

IMG_1627.jpeg
IMG_1627.jpeg1645×2193 488 KB

Hi,

Is there a way to remove the product price from showing in the “bundle product” section.

https://wx4asawadj273jix-8439839.shopifypreview.com

2

Hi @Gypsymoon

You can do that by adding this code to Custom CSS of that section

bundle-product .product-description .price { display: none !important; }
1 Like
3

@Gypsymoon - can you please share the page link of the bundle product?

4

Hi,

I shared it above, you’ll just need to scroll down the page as it’s a section on the homepage :slightly_smiling_face:

5

Hi,

thank you, unfortunately that didn’t work

6

Could you show me where did you add the code?

7

That did work!! Sorry, I copied it wrong! Thank you soooo much!!

8

@Gypsymoon - add this css to the very end of your base.css file and check

.bundle-products .product-container .price{display:none !important; visibility:hidden;}
9

Very welcome, @Gypsymoon