> For the complete documentation index, see [llms.txt](https://palo-alto.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://palo-alto.presidiocreative.com/products/blocks/title-and-price.md).

# 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="/files/ivGY0WBibMZG5yxodnnh" 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="/files/5GoIZUfE0L21efyGF34Q" alt=""><figcaption></figcaption></figure>