WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Property Pages & Layouts, Theme Options & Global Settings / Theme Options – Property Page Design

Theme Options – Property Page Design

8522 views 0

In Theme Options → Property Page, you can manage the settings for the default single property page design.

From this area, you can control the hero media shown at the top of the property page, the property gallery style, the content layout, the sidebar, and the visibility of individual property sections.

Important: These settings apply to the default property page template. If you use a Custom Property Template, some of these options may not apply, because the layout is controlled by the custom template instead.

Content

  • Property page design
  • Selection for accordion layout
  • Selection for tab layout
  • Selection for layouts 6 and 7
  • Overview section
  • Map section
  • Energy efficiency section
  • Mortgage calculator
  • Contact and schedule tour
  • Show or hide details
  • Listing labels
  • Lightbox
  • Features and amenities
  • Print page design
  • Yelp settings
  • WalkScore API key
  • Breadcrumbs
  • Disclaimer
  • Reviews
  • Similar listings
In this video, you will learn how to manage the options and customize the theme default template for property pages. Watch Video on Youtube

Property page design

This section controls the main layout and display options for the default property page template.

Important: If you use a Custom Property Template, the Hero Media option from this section will not apply in the same way, because the custom template controls the page structure.

The Property Page Hero Media is different from the Property Media Section.

  • Property Page Hero Media is the first section below the header.
  • Property Media Section is the image and video gallery area shown inside the property page content.

This is also different from Theme Options → Header → Hero Media, which manages global hero media for pages, posts, agents, and other areas. For single property pages, use Theme Options → Property Page.


Property page design settings

Property page layout

Choose the layout you want to use for the default property page template.

Layout 1

In this video, you will learn how to set the property page layout 1 and the settings available for this layout. Watch Video on Youtube

Layout 2

In this video, you will learn how to set the property page layout 2 and the settings available for this layout. Watch Video on Youtube

Layout 3

In this video, you will learn how to set the property page layout 3 and the settings available for this layout. Watch Video on Youtube

Layout 4

In this video, you will learn how to set the property page layout 4 and the settings available for this layout. Watch Video on Youtube

Layout 5

In this video, you will learn how to manage the options and customize theme default template for property pages. Watch Video on Youtube

Property page global hero media

The Hero Media is the first section below the header on the property page.

The option selected here will be visible on all default property pages.

You can choose one of the following hero media types:

  • None – no hero media is displayed.
  • Image – displays a static image in the property page hero area.
  • Theme Slider – displays the theme slider using the properties selected in the Theme Slider settings.
  • Revolution Slider – displays a Revolution Slider by alias name.
  • Maps – displays the map as the hero area.

If you choose Image, use a wide image because it will be displayed full width.

If you choose Theme Slider, the slider properties and slider design are managed from the Theme Slider settings. You can also include a property in the Theme Slider from the property editor.

If you choose Revolution Slider, you must add the slider alias exactly as it appears in Revolution Slider settings.

If you choose Maps, the map settings are controlled from Theme Options → Maps.

Property media section type

This option controls the property gallery style inside the page content. It does not control the global Hero Media described above.

You can choose between:

  • Classic Slider
  • Vertical Slider
  • Horizontal Slider
  • Full Header Slider
  • Multi Image Slider
  • Masonry Gallery V1
  • Masonry Gallery V2

Media section order and buttons selection

Select the media type buttons you want to show in the property media section.

This option applies to Classic Slider, Vertical Slider, and Horizontal Slider.

Show content as

You can choose how the property page content will be displayed:

  • Accordion
  • Tabs
Note: Tabs do not apply to Property Layouts 6 and 7. For those layouts, use the dedicated accordion settings for layouts 6 and 7.

Property navigation sticky bar

This option works only when the property content is displayed as accordion content.

If enabled, it shows a sticky navigation bar for the property sections.


Property navigation sticky bar

Details, address, and features columns

You can choose how many columns are used for these property page sections:

  • Property details – show on 1, 2, or 3 columns.
  • Property address – show on 1, 2, or 3 columns.
  • Features and amenities – show on 1, 2, or 3 columns.

Property sidebar settings

These options control the sidebar used on the default property page.

  • Property – Select Sidebar Position – choose where the sidebar is displayed.
  • Use Sticky Sidebar on Property page – keeps the sidebar visible while scrolling.
  • Property page – Select what Sidebar – select the sidebar used on the property page.

You can create custom sidebars from Appearance → Sidebars.

Note: Sticky sidebar can overlap the sticky footer if both options are enabled. Test this layout on desktop and mobile after enabling it.

Previous and next property buttons

Use Show Prev/Next buttons on property page? to show or hide the previous and next property navigation buttons.

Selection for accordion layout

This section controls which property page blocks appear when the default property page uses the Accordion content layout.


Accordion layout section selection

Items placed in Visible will show on the property page. Items moved to Disabled will not show.

Selection for tab layout

This section controls which property page blocks appear when the default property page uses the Tab content layout.


Tab layout section selection

Items placed in Visible will show on the property page. Items moved to Disabled will not show.

Selection for layouts 6 and 7

This section controls the content areas used only by Property Layouts 6 and 7.


Layouts 6 and 7 section selection

Layouts 6 and 7 include three content areas:

  • First column
  • Second column
  • After columns

The elements placed in these visible areas will show on the property page. Elements moved to Not Visible will not show.

Overview section

This section controls the compact overview block that highlights key property information on the single property page.


Overview section settings


Overview section on property page

You can manage these options from Theme Options → Property Page → Overview section.

The Overview section can display information such as:

  • Updated on
  • Lot size
  • Listing ID
  • Year built
  • Property category
  • Rooms
  • Bedrooms
  • Bathrooms
  • Garages
  • Property size
  • Small map
  • Property ID

Overview design type

The Design Type for Overview elements option changes the visual design of the overview information.

Available styles are:

  • Type 1
  • Type 2
  • Type 3
  • Type 4
  • Type 5
Note: This option changes the visual design only. The fields shown in the Overview section are controlled separately from Arrange Overview Details.

Show overview title

Use Show Overview Title to show or hide the section title above the overview block.

  • Yes – the Overview title is displayed.
  • No – the Overview title is hidden.

The title text can be changed from the property labels settings.

Arrange overview details

The Arrange Overview Details area lets you control which property details appear in the Overview section and in what order.

  • Enabled – items that will appear in the Overview section.
  • Disabled – items that will not appear.

You can drag and drop items between these columns.

Tip: For a cleaner overview area, keep only the most important fields enabled and move the rest to the disabled column.

Overview small map width and height

If you enable the Map item in the Overview section, you can control its size with:

  • Overview Small Map width
  • Overview Small Map height

These fields accept numbers only.

If you use the Map item in the Overview section, check the map API settings below to avoid a broken map image.

For Google Maps

Enable the Maps Static API in your Google Cloud project.

Help:
Google API key setup


Google Static Maps API setup


Google Maps Static API enabled

For OpenStreetMap

Add a MapBox token to allow map images to load.

Help:
OpenStreetMap and MapBox setup


MapBox token setting

Map section

This section controls how the property map appears on the single property page.


Map section settings

Show map on property page

Enable or disable the map section on the property page.

Hide map location

If set to Yes, the exact location or address will not be shown on the property page map.


Hidden map location example

Energy efficiency section

This section controls the property energy efficiency and greenhouse gas emission details.

Help:
Energy class certificate for EU market


Energy efficiency settings

Mortgage calculator

This section controls the built-in mortgage calculator shown on the property page.


Mortgage calculator settings

You can configure:

  • Show mortgage calculator?
  • Exclude mortgage calculator from categories
  • Default down payment in percent
  • Default mortgage interest in percent
  • Default mortgage term in years
  • Default property tax in percent

The mortgage section will appear on the property page:


Mortgage calculator on property page

Contact and schedule tour

This section controls the contact form and schedule tour options shown on the property page.

Help:
Contact and schedule tour settings


Contact and schedule tour settings

Show or hide details

This section controls the visibility of small interface elements on the property page.


Show or hide details settings

Print button

Show or hide the Print button.


Print button setting

Add to favorite button

Show or hide the Add to Favorite button.


Add to favorite button setting

Share button

Show or hide the Share button.


Share button setting

Address details under title

Show or hide the address details displayed under the property title.


Address details under title setting

Listing labels

This section controls the text labels used on the property page for listing information.

Help:
Listing labels settings


Listing labels settings

Lightbox

This section controls how the image lightbox works on the property page.


Lightbox settings

Show contact form on lightbox

Show or hide the contact form inside the lightbox.


Contact form in lightbox

Crop images on lightbox

If set to Yes, images will be cropped to the same size.

If set to No, make sure the uploaded images have similar sizes for the best result.

Slider for lightbox

Owl Carousel

When Owl Carousel is selected, the lightbox uses a modern, touch-friendly slider designed for smooth navigation.

This option is recommended in most cases because it:

  • Handles swipe gestures well on mobile and tablets.
  • Provides smooth transitions between images.
  • Works reliably with a large number of photos.
  • Is well tested across different browsers and devices.

Slick Slider

When Slick Slider is selected, the lightbox uses an alternative slider engine.

This option can be useful if:

  • The slider crashes on iOS or mobile devices.
  • You prefer Slick Slider animation style.
  • You have tested it and prefer how it works for your audience.
Note: Slick Slider may require more careful testing on mobile devices and with very large image galleries.

Features and amenities

This section controls the labels and display settings for property features and amenities.

Help:
Features and amenities settings


Features and amenities settings

Print page design

This section controls the content and design used when printing a property page or generating its PDF view.

Help:
Print and PDF management


Print page design settings

Yelp settings

This section controls the Yelp API integration used for nearby places and related location information.

Help:
Yelp API integration


Yelp settings

WalkScore API key

This section lets you add the WalkScore API key used to display walkability information for listings.

You can request an API key here:
WalkScore API sign up


WalkScore API key settings

Breadcrumbs

The breadcrumbs shown on property pages can be customized separately from: Theme Options > Property Page > Breadcrumbs

Use this section to control how the breadcrumb path is built for property pages.

Disclaimer

This section lets you add or manage the disclaimer text shown on the property page.


Disclaimer settings

Reviews

This section controls the review feature shown on the property page, including whether reviews are enabled in the default property template.


Reviews settings

Similar listings

This section controls the similar listings block shown at the bottom of the single property page.

Help:
Similar posts and similar properties


Similar listings settings

Property Pages & LayoutsTheme Options & Global Settings

Related Articles

  • How to Control Similar Blog Posts
  • ACF – Advanced Custom Fields – Integration with WPResidence
  • Theme Options – Roles (Editor) Permissions Controls
  • Theme Options -> Agent Card Settings

Help Categories

  • 18Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 38Elementor Shortcodes Built-In
  • 56FAQ
  • 15Footer
  • 5Getting Started
  • 37Header
  • 2IDX & MLSImport
  • 6Installation & Setup
  • 22Installation FAQ
  • 23Maps & Location Settings
  • 21Multi-Language Third Party Plugins
  • 6Other Third party Plugins
  • 19Pages
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 36Property Pages & Layouts
  • 31Search & Filtering
  • 163Technical how to | Custom Code Required
  • 8Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Translations & Languages
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 50WPResidence 5.0 Documentation
  • 8WPResidence Elementor Studio
  • 50WPResidence Translate Plugin

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API