# 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.