Page Heading

Similar to Shopify, if you want you can also display the page heading for the Collection and Search page.

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

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.

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.

Example for background image url:

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

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

Result on Women collection page:

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.

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.

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.

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

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

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

2. Search page heading

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

Result on Search result page:

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...

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

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

Result on search result page:

Last updated