# Title and price

The title and price block is used to display a product’s name and pricing details, with optional navigation breadcrumbs and customizable sizing.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2Fs6su501m4u0e1OKTCRC9%2Ftitle-and-price.jpg?alt=media&#x26;token=e6788383-33b0-4d87-8d37-2233285860bc" alt=""><figcaption></figcaption></figure>

### How to set up <a href="#how-to-set-up" id="how-to-set-up"></a>

<table><thead><tr><th width="165.14581298828125">Setting	</th><th width="105.36627197265625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Navigation</td><td align="center"><code>select</code></td><td>Displays a subheading above the title: options include <code>None</code>, <code>Breadcrumbs</code>, <code>Collection</code>, or <code>Vendor</code>.</td></tr><tr><td>Title size</td><td align="center"><code>range</code></td><td>Adjusts the font size of the product title.</td></tr><tr><td>Price size</td><td align="center"><code>range</code></td><td>Adjusts the font size of the product price.</td></tr><tr><td>Bold product price</td><td align="center"><code>checkbox</code></td><td>Enables bold styling on the price text.</td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Adds vertical spacing below the block.</td></tr></tbody></table>

{% hint style="info" %}
If the product price is zero, Palo Alto will show the 'Free' text. You can change this text from the edit default theme content menu:
{% endhint %}

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2F0CGoFUrQGd4LCUpSp39k%2Fproducts-free.gif?alt=media&#x26;token=5cb7dc51-961a-49a7-8ed9-9e31db634d9c" alt=""><figcaption></figcaption></figure>