Display price per unit on collection pages

[codingsuks]

As unit prices are not available on Shopify in the United States, my store has resorted to using quantity-based variants, as shown below.

My issue with this method is that the collection page will show the entire bundle price without specifying the amount, which confuses people in our store. Does anyone know a way to pull the price in our variant's name and change the default price on collection pages to "From $0.99/Unit" instead of "From $67.50" Store is vapepenswholesale(dot)com.

[Kani]

Hi @codingsuks 

You can use 'Metafields' to add unit price

[codingsuks]

Thanks, this looks like a good solution. Still trying to figure out how to change the code in my theme to use the metafield instead of the lowest price but I think this would work.

[StoreWatchers]

In your theme's liquid template, you can access the metafield value using the metafields object.

e.g. If your metafield namespace is custom and your key is description, you can access the value

using the below code:

{{ product.metafields.custom.description }}

Keep in mind that you can also access metafields for other types of objects, such as collections, orders, and customers, using the same metafields object.

Hope it helps. 

[qq99]

Hi @codingsuks,

If you're liking a metafield based approach, you might check out my app UnitWise. It uses metafields to configure unit price information, and provides a theme extension block you can drag & drop for product pages.

For collection pages, I also have some snippets available that taps into the same data source the product pages use, so the unit price data is always in sync. Unfortunately, a manual theme edit is still required, but the edit is usually very minimal and I'd be available to assist if my instructions are not clear enough 🙂

[Jahid-KlinKode]

Hey @codingsuks, learn how to show price per unit on Shopify collection pages by watching this quick tutorial:

[MangoRocket]

Hey @codingsuks!

You can solve this without metafields or complex coding using app blocks.

Our app Weario handles exactly this scenario - it displays per unit pricing on collection pages alongside your main product price. Perfect for your wholesale setup where you need customers to understand they're seeing bulk pricing.

For your use case:

• Set up your 68-unit bundles in Product Sets
• Configure the label to show "per unit"
• Collection pages will display "From $0.99/Unit" right below "From $67.50"
• Customers immediately understand the value without confusion

The key advantage is it works specifically on collection pages, which many solutions don't support. You get precise control over positioning and styling to match your theme, and it automatically calculates the per-unit price from your variant pricing.

No theme file editing required - just drag and drop the app embed block where you want it to appear on your collection page layout. Check it out here: https://apps.shopify.com/weario

Much simpler than managing metafields and works great for wholesale/bulk pricing scenarios like yours!