> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Page heading

> The top of a content page: breadcrumbs, a label and kicker, the page title as the main heading, an intro, buttons and jump links, with an optional photo beside the text.

![Page heading on the storefront](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/page-hero.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=4df53342827067e6aa92c3c0f828bb4d)

Page heading, highlighted with the demo content

## Where to find it

The first section of the about, care, contact, faq and stores page templates (page.about, page.care, page.contact, page.faq, page.stores). To use one, create a page in **Online Store → Pages**, choose the template under **Theme template** and save. In the theme editor choose **Pages** in the page selector, then **about**, **care**, **contact**, **faq** or **stores**, and select **Page heading**. You can add it to any other template with **Add section**.

## How it works

* A blank Heading uses the page's own title (on a blog or article template, the blog or article title).
* Layout Text only shows the heading, intro, buttons and jump links on the page background; the care, contact, FAQ and stores templates use it. Text and photo puts the text and a photo side by side in a panel; the about template uses it.
* In Text and photo, Tags on the photo shows one small tag per line in the corner of the photo, and Tags description names the list for screen readers. Under 1000 px the photo moves above the text, cropped to 16 by 10.
* Show the page's content adds the text written for the page in Online Store → Pages under the intro. It is off on install, so on these templates the page's own text does not show until you turn it on.
* Label shows as a small tag before the Kicker, which is set in the monospace font.
* Each Jump link block adds a rounded link under the heading. A link such as #plans jumps to the section whose Link id is plans; the care template uses them for Plans, What is covered, Make a claim, Warranty and Trade-in.
* Each button shows only when both its label and its link are filled in.

![Page heading in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-page-hero.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=5e4d5e38501872657e7ae47e57029f71)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Leave Heading blank to use the page title, and keep Heading level on Main heading (H1): these templates have no other main heading.
* Write Intro as one or two short paragraphs.
* For the photo layout, choose Layout Text and photo, upload a landscape Photo at least 1600 px wide, and set its focal point so the crop keeps the subject. Photo position puts it before or after the text.
* Add a Jump link block per section you want to link to, with Label and Link, such as #trade-in. Give the target section the same Link id without the #.
* Add First button label and First button link, and a second button if you need one.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Show breadcrumbs** | On or off. Default: on. |

**Text**

| Setting | What it does |
| - | - |
| **Label** | Text. A short tag before the kicker, such as Since 2016. |
| **Kicker** | Text. A line above the heading, in the monospace font. |
| **Heading** | Text. Leave blank to use the page's title. |
| **Heading level** | Options: Main heading (H1), Subheading (H2). Use the main heading once per page. Default: Main heading (H1). |
| **Intro** | Formatted text. |
| **Show the page's content** | On or off. Adds the text written on the page in Online Store, Pages, under the intro. Default: off. |
| **First button label** | Text. |
| **First button link** | Link: a page, product, collection or web address. |
| **Second button label** | Text. |
| **Second button link** | Link: a page, product, collection or web address. |

**Photo**

| Setting | What it does |
| - | - |
| **Layout** | Options: Text only, Text and photo. Default: Text only. |
| **Photo** | Image: upload one or choose from Content → Files. 1600 x 1200px recommended. |
| **Photo position** | Options: After the text, Before the text. Default: After the text. |
| **Tags on the photo** | Text (several lines). One per line, such as what you measure. Shown in the corner of the photo. |
| **Tags description** | Text. Read by screen readers, such as What we measure. |

## Blocks

Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Jump link

| Setting | What it does |
| - | - |
| **Label** | Text. Default: Section. |
| **Link** | Text. A section's link id, such as #plans, jumps down the page. A page address such as /pages/faq also works. Default: #. |

> [!NOTE]
>
> On install the Intro on the about, care, contact and stores templates is placeholder guidance that tells you what to write, such as Say what your protection plans cover: replace it with your own.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.