> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/increase-the-cost-of-an-option/show-price-changes-on-the-product-page.md).

# Show price changes on the product page

Native Bundling automatically updates the price in the cart. To display those price changes on the product page before customers add the item to their cart, add the Dynamic Bundle Price block to your theme.

***

**Estimated setup time:** 2–3 minutes

***

### What you'll be adding

To display price changes on the product page, add the **Dynamic Bundle Price block** to your product template.

<figure><img src="/files/jqmclXbz6B3uJbLwoZEw" alt="" width="563"><figcaption></figcaption></figure>

When a shopper selects an option that increases the price, this block updates the product price displayed on the page.

### Important

{% hint style="info" %}
**Important**

The Dynamic Bundle Price block only works on the product template where it is added. If your store uses multiple product templates, you will need to add the block to each template where Infinite Options appears.
{% endhint %}

If your store uses multiple product templates, add the block to each template where Infinite Options appears.

For example:

* Default product template
* Custom product template
* Bundle product template

If the block isn't added to the template your product uses, the price won't update on the product page.

### Step 1: Open the theme editor

From your Shopify admin:

1. Go to **Online Store → Themes**
2. Click **Customize** on your active theme

<figure><img src="/files/4ZzAwnWHZDk9yPqJoKpB" alt=""><figcaption></figcaption></figure>

### Step 2: Open a product template

At the top of the theme editor:

1. Open the page selector dropdown
2. Select **Products**
3. Choose the **product template used by your product**

<figure><img src="/files/Y6bCywbOLlOisCFgIe4h" alt=""><figcaption></figcaption></figure>

### Step 3: Add the Dynamic Bundle Price block

In the product template layout:

1. Click **Add block**
2. Select **Dynamic Bundle Price**

<figure><img src="/files/lbreJVerMdMkU5Uz6hof" alt=""><figcaption></figcaption></figure>

### Step 4: Adjust the Dynamic Bundle Price block settings

Click into the **Dynamic Bundle Price block** to adjust the styling settings.

You can use these settings to better match the price display to your theme.

<figure><img src="/files/ApB3Ci43vR1dSG5lbDiu" alt=""><figcaption></figcaption></figure>

### Step 5: Hide or remove the default price block

The Dynamic Bundle Price block replaces your theme’s default price displa&#x79;**.**

If the default price block remains visible, the price may not update correctly or two prices may appear on the page.

To prevent this:

1. Locate your theme's default product price block (often named **Price**).
2. Hide or remove it

<figure><img src="/files/jqmclXbz6B3uJbLwoZEw" alt=""><figcaption></figcaption></figure>

### Step 5: Save your theme changes

Step 6: Save your theme changes at the top center of the app dashboard

<figure><img src="/files/qkFcNEfbYQVJzndGwzhh" alt=""><figcaption></figcaption></figure>

Your product page will now display the updated price when shoppers select options that add a cost.

### How this works

* The option value is linked to a Shopify product using Native Bundling.
* Shopify automatically adds the linked add-on product to the cart.
* The Dynamic Bundle Price block updates the displayed price on the product page.

### Limitations

When a customer selects a bundled add-on, the add-on product's weight is included in the order's total shipping weight.

If the add-on shouldn't affect shipping rates, set its weight to **0** in Shopify.

{% hint style="info" %}
Note: If you use a third-party currency converter, we recommend testing this feature on your store to confirm it works correctly.
{% endhint %}

#### What the Dynamic Bundle Price block doesn't do

The Dynamic Bundle Price block updates the total product price as shoppers select options. It doesn't display the additional cost beside individual option values.

For example, if you have a checkbox labeled "Gift wrap" that's linked to a $5 add-on, customers won't see "+$5" beside the checkbox.&#x20;

Instead, they'll see the total product price update at the top of the page after selecting the option.

<figure><img src="/files/hXioOBRJkgzRHUu1kVOp" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you want customers to see the additional cost before selecting an option, include it in the option label. For example:

* Gift wrap (+$5)
* Rush processing (+$15)
  {% endhint %}

This helps customers understand the additional cost before making a selection, reducing confusion later in the purchase process.

### How to check if your theme supports this feature

1. From your Shopify admin, go to **Online Store → Themes**
2. Click **Customize**
3. Open a **product template**
4. Look for an **Add block** button

If the **Add block** option is available, your theme supports this feature.

If you do not see an **Add block** option, your theme is likely a vintage theme, and the Dynamic Bundle Price block will not be available.\
\
Watch the video below for a step-by-step demonstration of adding the Dynamic Bundle

{% embed url="<https://www.youtube-nocookie.com/embed/WVFyJyFzhl0?rel=0>" %}