Code Changes: Hiding prices on bundle pages

You can hide both your bundle contents price, the original comparison bundle price, and the prices of individual products using single lines of CSS. We'll walk you through how to hide them all below.

Hide individual product prices

1. Please go to  Settings > Design and then scroll down until you see the Custom CSS input box. Then enter the following code into the box:

 .bundle-builder-app--bundle--product-price {display: none;}

2. Save.

This will remove the prices on individual products.


Hide bundle contents price

1. Please go to  Settings > Design and then scroll down until you see the Custom CSS input box. Then enter the following code into the box:

.bundle-builder-app--bundle--contents-price {display: none;}

2. Save.

This will remove the bundle contents price.


Hide the original bundle contents comparison price

1. Please go to  Settings > Design and then scroll down until you see the Custom CSS input box. Then enter the following code into the box:

 .bundle-builder-app--bundle--original-price { display: none }<br>

2. Save.


Hide all prices

1. Please go to  Settings > Design and then scroll down until you see the Custom CSS input box. Then enter the following code into the box:

.bundle-builder-app--bundle--product-price, .bundle-builder-app--bundle--contents-price {display: none;}

2. Save.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.