# Price

The **Price** block displays the product’s current price, and if applicable, includes sale and compare-at pricing. It’s a key element for communicating value and discounts to shoppers.

> Only one Price block is allowed per section (`limit: 1`).

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2F6yl3pWlOvXefZfbL1htF%2FUntitled%20image%20(31).png?alt=media&#x26;token=b7e32a83-fe07-42db-8837-888468577d6e" alt="Image depicting the price block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="151.11895751953125">Settings</th><th width="94.354248046875" align="center">Type</th><th width="487.1685791015625">Description</th></tr></thead><tbody><tr><td>Text size</td><td align="center"><code>select</code></td><td>Controls the font size of the price text. Usually set to a body style: <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code>.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Adds vertical spacing below the price for layout flexibility.</td></tr></tbody></table>

***

## Notes

* The Price block updates automatically to reflect discounts or variant pricing changes.
* Consider pairing this block with **Add to cart** or **Quantity selector** blocks for complete purchase interaction.
* You can use theme color settings to control how sale prices or discounts are visually presented.

***

If the product price is set to $0, it's replaced by a translatable string - 'Free'.

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/bM1LNr8dVr3jBrIoqVBS/free-products.jpg)