Content

Houzez allows you to choose from five different Page Headers. Each Page Header has been developed for specific needs. For example, if I want a page with a map of properties, I would choose Properties Google Map. The section below will describe all of their options and functionalities.

To locate the Page Header Options box, edit one of your page from backend and check the green box in the image below.

Google Map Page Header

To display Google Map on top of your page, locate the Page Header Options box and select Header Type: Properties Google Map as displayed in the image below.

  1. Fullscreen: Select Yes or No
  2. Select City: This option gives you the possibility to select a default city for the map. In this way the map on this page will start from the chosen city. You can select multiple cities or keep all un-select to display properties from all cities at same time. To select multiple cities use the CTRL button on Windows and CMD button for Mac.

The zoom on map works according to number of properties

Image Parallax Page Header

To display Image Parallax on top of your page, locate the Page Header Options box and select Header Type: Image as displayed in the image below.

  1. Fullscreen: Select Yes or No
  2. Fullscreen Type:
  3. Title: Enter the title you to overlay the image
  4. Subtitle: Enter the subtitle you to overlay the image
  5. Show Search: Yes/No
  6. Image: Select the image you want to upload
  7. Image Height: Insert a value in pixels to define image height
  8. Overlay Color: Pickup a color to use as overlay
  9. Overlay Color Opacity: Select a transparency value

Video Page Header

To display a video on top of your page, locate the Page Header Options box and select Header Type: Video as displayed in the image below.

  1. Fullscreen: Select Yes or No
  2. Title: Enter the title you to overlay the video
  3. Subtitle: Enter the subtitle you to overlay thevideo
  4. Show Search: Yes/No
  5. MP4 File: Upload the vide file in MP4 format
  6. WEBM File: Upload the vide file in WEBM format
  7. OGV File: Upload the vide file in OGV format
  8. Video Overlay: Yes/No
  9. Overlay Image: Select the image you want to upload. Usually it should be a semi-transparent .png file
  10. Video Image: Upload an image to use as video cover. This image will be use to replace the video on mobile devices.

Note: Upload all video formats MP4, WEBM and OGV in order to make the video header to work correctly on all browsers.

Note for video on mobile devices

Videos can autoplay on desktop but why can you not get them to autoplay on mobile websites when the page loads? The answer is that the different OS developers intentionally disabled autoplay on mobile devices in order to protect user’s bandwidth.

In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it. Autoplay is disabled to prevent unsolicited cellular download. iOS not only prevents autoplay but also preloading the video until the user initiates it. Android has disabled autoplay in versions 4.1+.

Property Slider Page Header

To display Image Parallax on top of your page, locate the Page Header Options box and select Header Type: Property Slider as displayed in the image below.

  1. Fullscreen: Select Yes or No

To assign properties to that slider, edit a property and look for this setting.

Revolution Slider Page Header

To display Image Parallax on top of your page, locate the Page Header Options box and select Header Type: Property Slider as displayed in the image below.

Locate the Revolution Slider dropdown menu and select the slider among the ones you have created in Revolution Slider section of your admin panel.

Was this article helpful to you?

Comments are closed.