Hide Product Pricing in the Product Bundles Widget

If you want to hide the individual product prices but keep the price or percentage saved in the "Add Bundle to Cart" button, follow these steps:

  1. From your "Storefront", right-click on product price.

    right-click product price 

  2. Select Inspect or Inspect Element.

    select inspect 

  3. In the "Styles" tab of the element inspector, copy the CSS containing the display element.

    copy the css 

  4. From "Shopify Admin", select Apps.
  5. Select the Product Bundles App.
  6. Select Display Settings.

    Note: If you are using Product Bundles v2, you will need to select Settings -> Display Settings here instead.

    select display settings 

  7. Scroll down to the Custom CSS window.

     Custom CSS

  8. Paste the CSS you copied in step 3.

    paste the css 

  9. Change the display element to:

    display: none;

    Note: If there is no display element, add it.

    change the display element 

  10. Select Save.

    Select Save 

That's it!

Next Steps:

Blog Posts: