Showing unitprice for bundles/packages on productpage, but at checkout calculate the package-price

[labelc-boutique]

Hi everyone,
I’m selling my products in bundles (e.g. 3, 6, or 12 units per bundle), but I would like to show the unit price on the product page to make it more attractive for customers. However, during checkout, I want the customer to pay the full bundle price.

Is there a way to achieve this setup in Shopify? Maybe with some theme customization or an app? Any help or suggestions would be greatly appreciated!

Thanks in advance!

[Small_Task_Help]

Hi,

Hope this will help

• Add a “Unit Price” in the theme

Code example

{% assign quantity_in_bundle = 3 %}  

Unit Price: {{ product.price | divided_by: quantity_in_bundle | money }}

• Keep the total price at checkout
• If you have different bundle sizes : Use product variants
• For advanced needs, consider app.

[jakeclifford]

Hi @labelc-boutique ,

Theme customisation is your best option.

You can have the Unit Price set and displayed as a Metafield for the product which can be displayed on the product page.

And then buttons for each of the quantity amounts which could be set up as product variants.

Just a couple of questions,

Does the customer receive a discount when the items are bundled? What is your current setup for these products if you have one?

Hope that helps,
Jake

[Ellie-BOGOS]

Hi @labelc-boutique If you use an app like BOGOS app, you’ll automatically have this feature by default without waiting for further customization.\

1. Classic Bundle

CHECK OUT:

2. Mix and match bundle

3. Bundle Builder/Bundle Page

You can try BOGOS app, #1 Promotion app on Shopify, for 7 free day trials here!

Let me know if you need help setting it up — happy to walk through it with you!

[Abel_Lesle]

@labelc-boutique , I don’t think you’d need an app for this. I’m assuming the units (3,6,12) are setup as variants.

If that’s the case, then you can setup a simple variant metafield on your Shopify admin and enter the unit price there.

https://community.shopify.com/post/1921197

https://resources.storetasker.com/blog/displaying-variant-specific-information-with-metafields

Then you can follow the articles I’ve linked above that should help you modify the theme code at the necessary place / you can ask chatGPT to create a custom liquid block for you that renders this correctly for your product template and then add it as a Liquid / HTML block in your theme editor.

Feel free to reach out / add to this thread if you have any questions and I’d be happy to assist further with added specifics as needed.

Best,

[Jaron_Smith]

Hi @labelc-boutique ,

I’m happy to share that this setup is already supported in our app — Wizio Bundle - Quantity Breaks. You can enable the following options in the app settings:

Display prices per item – This will show the unit price on the product page to make it more attractive to customers.

Display total price which is multiple by quantity – This ensures that customers are charged the correct bundle price at checkout.

You can find these options in the Quantity Bundles section of the app.

[Easify-Ariel]

Hi @labelc-boutique displaying a lower “per unit” price on the product page while still charging the full bundle amount at checkout is actually a very popular setup because it makes bundle pricing feel much more attractive and easier for customers to understand. Easify Box Bundle Builder BYOB can handle this type of workflow quite nicely.

Then, I’ve created a similar demo to help you better visualize how it works:

• This is the result:

Inside the app, you can first create a new box and choose the box type that best fits your setup. For fixed bundle packs such as 3-pack, 6-pack, or 12-pack products, the Predefined Box Size type usually works very well.

• This is the app setting:

After that, you simply add the products you want to include in the bundle.

To configure pricing and the unit-price display, you can open the Discount & Subscription section and set up the Quantity, Price, and Badge for each bundle size.

For example, you could add badges like “$8.00/cup” or “Only $5 per piece” so customers see the unit pricing directly on the product page, making the offer feel more appealing visually.

If you prefer not to display the total bundle price directly inside the bundle widget, you can also go to Elements to show and simply disable the Price element.

Even if the product page mainly highlights the unit pricing or custom badge text, once customers add the bundle to cart and proceed to checkout, Shopify will still calculate and display the full bundle total normally.

The setup process is also quite straightforward and beginner-friendly. The app is designed to help merchants build bundle packs, volume offers, and bundle pricing layouts without needing custom coding or complicated theme edits.