---
title: Unit pricing
description: Learn how to display unit pricing in your theme.
source_url:
  html: https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing
  md: https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing.md
---

ExpandOn this page

* [Resources](https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing#resources)
* [Implementing unit price displays](https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing#implementing-unit-price-displays)

# Unit pricing

If a merchant sells products in specific quantities or measurements, they might need to display a price per unit for those products. For example, if a product is sold in weights of 500g, 1kg, and 1.5kg, a merchant might want to show the price per 100g for each variant.

In this tutorial, you'll learn how to display unit prices for product variants.

Tip

Unit prices can be added to products [through the Shopify admin](https://help.shopify.com/manual/products/details/product-pricing/unit-pricing#add-unit-prices-to-your-product).

***

## Resources

To display unit prices in your theme, you'll use the following:

* The `unit_price` property on the [`line_item`](https://shopify.dev/docs/api/liquid/objects/line_item#line_item-unit_price) or [`variant`](https://shopify.dev/docs/api/liquid/objects/variant#variant-unit_price) objects
* The [`unit_price_measurement`](https://shopify.dev/docs/api/liquid/objects/unit_price_measurement) object

Depending on where you're implementing your unit price display, you'll access unit price information through the associated parent object:

| Context | Example template types | Parent object |
| - | - | - |
| Variants that have been added to a cart or are part of an order | * [cart](https://shopify.dev/docs/storefronts/themes/architecture/templates/cart)
* [customers/order](https://shopify.dev/docs/storefronts/themes/architecture/templates/customers-order) | [line\_item](https://shopify.dev/docs/api/liquid/objects/line_item) |
| Product and variant listings | - [product](https://shopify.dev/docs/storefronts/themes/architecture/templates/product)
- [collection](https://shopify.dev/docs/storefronts/themes/architecture/templates/collection) | [variant](https://shopify.dev/docs/api/liquid/objects/variant) |

***

## Implementing unit price displays

You should add support for unit prices wherever you have a price display. Common locations include:

* The collection template
* The product template
* The cart template
* The customers/order template

You can include this code in the relevant template or a section in the template.

Your code should do the following:

1. Check whether the variant or line item has a unit price measurement using [`variant.unit_price_measurement`](https://shopify.dev/docs/api/liquid/objects/variant#variant-unit_price_measurement) or [`line_item.unit_price_measurement`](https://shopify.dev/docs/api/liquid/objects/line_item#line_item-unit_price_measurement).
2. If the variant or line item uses a unit price measurement, then use the [`unit_price_with_measurement` filter](https://shopify.dev/docs/api/liquid/filters/unit_price_with_measurement) to display the unit price based on the store's [**HTML without currency** setting](https://help.shopify.com/manual/payments/currency-formatting).

## Example

```liquid
{% if variant.unit_price_measurement %}
  {{ variant.unit_price | unit_price_with_measurement: variant.unit_price_measurement }}
{% endif %}
```

```liquid
{% if line_item.unit_price_measurement %}
  {{ line_item.unit_price | unit_price_with_measurement: line_item.unit_price_measurement }}
{% endif %}
```

##### variant

```
{% if variant.unit_price_measurement %}
  {{ variant.unit_price | unit_price_with_measurement: variant.unit_price_measurement }}
{% endif %}
```

##### line\_item

```
{% if line_item.unit_price_measurement %}
  {{ line_item.unit_price | unit_price_with_measurement: line_item.unit_price_measurement }}
{% endif %}
```

1. Use [money filters](https://shopify.dev/docs/api/liquid/filters/payment_button#money-filters) combined with the [`unit_price_with_measurement` filter](https://shopify.dev/docs/api/liquid/filters/unit_price_with_measurement) to display the unit price with a different money format.

## Example

```liquid
{% if variant.unit_price_measurement %}
  {{ variant.unit_price | money_with_currency | unit_price_with_measurement: variant.unit_price_measurement }}
{% endif %}
```

```liquid
{% if line_item.unit_price_measurement %}
  {{ line_item.unit_price | money_with_currency | unit_price_with_measurement: line_item.unit_price_measurement }}
{% endif %}
```

##### variant

```
{% if variant.unit_price_measurement %}
  {{ variant.unit_price | money_with_currency | unit_price_with_measurement: variant.unit_price_measurement }}
{% endif %}
```

##### line\_item

```
{% if line_item.unit_price_measurement %}
  {{ line_item.unit_price | money_with_currency | unit_price_with_measurement: line_item.unit_price_measurement }}
{% endif %}
```

***

* [Resources](https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing#resources)
* [Implementing unit price displays](https://shopify.dev/docs/storefronts/themes/pricing-payments/unit-pricing#implementing-unit-price-displays)