How to show bundle price on product page as bundle is built

Giftship will update the price of your product as it is being built if you add a line of code to your price element on your product page.

To do this, navigate to your product form file in your theme, and find the line which shows the product price. It may look like the below:

<div>{{ current_variant.price | money }}</div>

Change this element to include a data attribute as follows:

<div 
data-giftship-bundle-total="{{ current_variant.price }}"
>
{{ current_variant.price | money }}
</div>

Giftship will now calculate the bundle price as it is being built, and show it to your customer.