> For the complete documentation index, see [llms.txt](https://docs.flashsearch.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flashsearch.io/layout/customization/customize/page-heading.md).

# Page Heading

To customize for page heading, please go to **Customize theme -> Page heading**

![](/files/gvIxegWXYQsgF63ZcOhA)

### 1. Collection page heading

To show page heading on your collection page, open the **Customize** box and select **Collection page heading.** Then turn on **Display** option.

![](/files/eeZR9ZoWH8DWahOOK1pL)

**Background image:** You have two options here: add image url to the app or use collection image.

* **Use background image url:** To get **Background image url**, please go to **Shopify admin -> Settings -> File ->** upload your background image to Shopify and **copy url**.

![](/files/UhdhLRS7aHL3mTxXiekm)

Example for background image url:

![](/files/Gj2jxVBaer8721aqgAgB)

* **Use Collection image:** If you enable this option, it will take the collection image from Shopify to show for each collection.

![](/files/grwh4pTMqDIKfQzP9N3H)

To add image to your collection, go to **Shopify admin -> Products -> Collections -> Edit collection -> Collection image**.

![](/files/iIi9rI66szKLpe9uECs0)

Result on Women collection page:

![](/files/p3PomDovmY5c5m4F772L)

{% hint style="info" %}
Note: If you use background image url, it will be the same to all of your collections. So if you want to have different background image for each collection, you should use collection image.
{% endhint %}

**Background color:** If you do not want to use an image for background, you can use a background color. Simply click on the pen icon to select a color.

![](/files/8VXR2luf6Az2xGtH8GH7)

**Background overlay:** This option allows you set a color over background image or color of collection using the opacity controlling the transparency of the overlay image.

![](/files/ebIHBkIf83AW1slXuedr)

**Padding space:** You can set **padding** for collection heading on desktop and mobile. They are **padding top** and **bottom**.

![](/files/lAEOLYlTlgWpFDPuR6wE)

**Collection title:** You can turn on/off Collection title, change color, font size and font weight for it.

![](/files/ITVWTIydh9Ib0ifovIWQ)

**Collection description:** The same options with Collection title, you can turn on/off, change color, font size and font weight for description.

![](/files/BROQ7ge5nX1o8z5FtOu3)

### 2. Search page heading

On the Search result page, if you want to show page heading, you can do that here.

![](/files/4Ug69P2SsH39zIIPSMdW)

**Result on Search result page:**

![](/files/f6Gc1KrIjji67DNiQt2s)

**Background:** To make the page heading looks more beautiful, you can set background for it. You can add a background image, change background color, overlay, padding...

![](/files/5jsEIjzzuvBsUphOCKgE)

To get **Background image url**, please go to **Shopify admin -> Settings -> File ->** upload your background image to Shopify and copy url.

<div align="center"><img src="/files/UhdhLRS7aHL3mTxXiekm" alt=""></div>

**Search text:** Here you can enable/disable the text on search heading and change color for that text.

![](/files/c0eVFs0plj3QaU4SbSki)

*Result on search result page:*

![](/files/XXzYXRmfeMCTGpCfefW5)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.flashsearch.io/layout/customization/customize/page-heading.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
