# Title

The **Title** block is used to display the main heading on a section or product page. It can include optional navigation elements like breadcrumbs, collection titles, or vendor names. This block helps users understand their current location within the storefront and improves page structure for SEO and accessibility.

> Only one Title 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%2FYQkbVE8yQBgi3OrdcEzP%2FUntitled%20image%20(30).png?alt=media&#x26;token=20d5df2b-05e8-4755-a5dc-42815775ede4" alt="Image depicting the title block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="144.41485595703125">Settings</th><th width="94.62933349609375" align="center">Type</th><th width="521.7727661132812">Description</th></tr></thead><tbody><tr><td>Navigation</td><td align="center"><code>option</code></td><td>Determines what secondary text appears above or below the title: <code>None</code>, <code>Breadcrumb</code>, <code>Collection</code>, or <code>Vendor</code>.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code></td><td>Adjusts the font size of the product title: <code>Mini</code>,<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 spacing below the title block for layout control.</td></tr></tbody></table>

## Notes

* The **Title** block is commonly used at the top of product pages, collection pages, or landing sections.
* Choose a **navigation option** to improve context or aid browsing, especially for large catalogs.
* Adjust **font size** to align with the visual hierarchy of your store’s theme.