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 Settings, then Display.

    Select Settings/Display

  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: