Flash Search
  • What is Flash Search?
  • Getting Started
    • Install app
    • Install layout
      • Install to a theme OS 2.0 supported
      • Install to a normal theme
    • Creating first filter
  • Filters
    • Filter groups
    • Filters
      • Filter by Collections
      • Filter by review rating
      • Filter by Metafields
      • Filter by Tags
      • Filter by Stock status
      • Filter by Percent sale
  • Search
    • Pinning
    • Synonyms
    • Redirect
  • Sort
    • Sort by best selling
  • Analytics
    • Introducing Analytics
    • Export analytics data
  • Layout
    • What is Layout
    • Customization
      • Customize
        • General
        • Instant Search
        • Page Heading
        • Search and Collection pages
      • Edit code
      • Export
      • Import
    • Product colors
  • Integrations
    • Product reviews
      • Judge.me Product Reviews
      • Growave ‑ Loyalty, Reviews, Wishlist +2
      • Loox Product Reviews & Photos
      • Ryviu: Aliexpress Reviews App
      • Yotpo Product Reviews & Photos
      • Stamped Product Reviews & UGC
    • Wishlist
      • Growave ‑ Loyalty, Reviews, Wishlist +2
      • Wishlist Plus
      • Wishlist Hero
      • Wishlist King
      • Smart Wishlist
    • Languages
      • Translate Your Store ‑ Weglot
  • Settings
    • Feature status
    • Search fields
      • How to get Metaobject field key
    • Subscription plan
  • Pricing
    • Free trial
    • Plans
    • Billing policy
  • Subscription plan exceeded
  • Uninstallation
    • Uninstall
  • Resources
    • FAQ
      • Flash Search & EComposer
    • Support
Powered by GitBook
On this page
  • 1. Collection page heading
  • 2. Search page heading
  1. Layout
  2. Customization
  3. Customize

Page Heading

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

PreviousInstant SearchNextSearch and Collection pages

Last updated 3 years ago

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: