# Page heading

Page Heading of the Collection Page will automatically show the collection title and breadcrumb. You can easily customize this heading as you wish with a lot of settings

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/UFqUtfpNEKjlkoknJGi4/image.png" alt=""><figcaption></figcaption></figure>

## Section settings <a href="#id-1.-page-heading-settings" id="id-1.-page-heading-settings"></a>

### General

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/0G3nr7nNn9VlIs0b00Oy/image.png" alt=""><figcaption></figcaption></figure>

### Images banner

**Show banner:** This option allows you to display the background with an image

**Use collection image:** This option will show the collection image. You can change it please click Products -> Collections -> Select Collection that you want to change -> Edit the Collection Image

**Background image:** This option allows you to change the background with an image. It will show up when you **Disable "Use collection image"** option.

**Banner image min height:** This option allows you to change the banner height.

**Show parallax banner:** This option will help your image show the **Parallax effect** for the Collection Heading.

**Show background overlay :** This option will help your image show the Background overlay for the Collection Heading.

**Background overlay:** You can add the overlay of background color by dragging the range slider.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/fE95tZl6TI76KyozCheG/image.png" alt=""><figcaption></figcaption></figure>

### Design

**Design text:** This option allows you to choose Collection Heading display styles.

{% tabs %}
{% tab title="Overlay image" %}

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/8n0FRl9P8acrUKgzCRoP/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bellow image" %}

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/lZ32GvRbP1Mdt5L21G0w/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**Text position:** Set the alignment for the content **(Left, Center, Right).**