WP Residence Help WP Residence Help

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

Theme Options – Property Page Design

8446 views 0

In Theme Options > Property Page you will find the settings for the default single property page design. From here, you can manage the hero media shown at the top of the page, the property gallery style, the content layout, and the visibility of the individual property sections.

These settings apply to the default property page template. If you use a Custom Property Template, some of these options may not apply in the same way.

CONTENT

  • PROPERTY PAGE DESIGN
  • SELECTION FOR ACCORDION LAYOUT
  • SELECTION FOR TAB LAYOUT
  • SELECTION FOR ACCORDION – LAYOUTS 6 & 7
  • OVERVIEW SECTION
  • MAP SECTION
  • ENERGY EFFICIENCY SECTION
  • MORTGAGE CALCULATOR
  • CONTACT & SCHEDULE TOUR
  • SHOW/HIDE DETAILS
  • LISTINGS LABELS
  • LIGHTBOX
  • FEATURES & 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 default property page template used by the theme.

Important: the settings below apply to the default property page. If you use a Custom Property Template, the Hero Media from this section will not apply.

Also important: 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 property gallery area with images and video shown in the page content.

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

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 global Hero Media types for properties:

  • None – no hero media is displayed.
  • Image – add a static image URL for the property page hero area.
  • Theme Slider – display the theme slider using the properties selected in Theme Slider settings.
  • Revolution Slider – display a Revolution Slider by alias name.
  • Maps – display 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 by enabling the property in the slider settings for that listing.

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 (images & video)

This setting 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 – 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

Tabs do not apply to Property Layouts 6 and 7. For those layouts, use the dedicated accordion sections below.

Property Navigation Sticky Bar (works only for accordion content) Yes/No

This option shows or hides the sticky navigation bar for the accordion layout.

Show property details on 1, 2 or 3 columns

Select the number of columns for the Details section.

 Show property address on 1, 2 or 3 columns

Select the number of columns for the Address section.

Show property Features & Amenities on 1, 2 or 3 columns

Select the number of columns for the Features & Amenities section.

Property – Select Sidebar Position

Choose where the sidebar will be displayed on the property page.

Use Sticky Sidebar on Property page

If enabled, the sticky sidebar will remain visible while scrolling. Please note it can overlap the sticky footer if that option is also enabled.

Property page – Select what Sidebar

Select which sidebar to show on the property page. You can create custom sidebars from Appearance > Sidebars.

Show Prev/Next buttons on property page?

This option shows or hides the previous and next navigation buttons on the property page.

SELECTION FOR ACCORDION LAYOUT

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

The property sections for the accordion layout can be managed here. Items 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.

The property sections for the tab layout can be managed here. Items in Visible will show on the property page. Items moved to Disabled will not show.

SELECTION FOR ACCORDION – LAYOUTS 6 & 7

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

The property sections for the accordion layout used by templates 6 and 7 can be managed here.

Layouts 6 and 7 include three content areas on the property page:

  • First column
  • Second column
  • After columns

The elements placed in these visible areas will show on the property page. The 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.

You can manage these options from: Theme Options > Property Page > Overview section

The Overview section is the block on the property page that shows the most important property details in a compact summary layout.

This 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

You can choose the design style, show or hide the title, and decide which fields are enabled in this area.

The Design Type for Overview elements option lets you choose how the overview information is visually displayed on the property page.

Available styles are:

  • type 1
  • type 2
  • type 3
  • type 4
  • type 5

Each type changes the look and arrangement of the overview items.

Note: This option changes the visual design only. The actual fields shown in the section are controlled separately in Arrange Overview Details.

The Show Overview Title option lets you decide if the section title should appear above the overview block.

  • yes = the Overview title is displayed
  • no = the Overview title is hidden

The title text itself can be changed from the property labels settings if you want to rename it.

Arrange Overview Details

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

You will see 2 columns:

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

You can drag and drop the items between these columns to organize the section exactly how you want.

Tip: If you want 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 these 2 settings:

  • Overview Small Map width
  • Overview Small Map Height

These fields accept only numbers.

In the screenshot example:

  • width = 180
  • height = 180

This controls the size of the small map shown inside the Overview section.

If you use Map in Overview, you will need to check the settings below to avoid a broken map image.

For Google Maps API, enable the Maps Static API from the application created in your Google account.

Help: Google API key setup

For Open Street API, you need to add a MAP BOX token to have access to map images.

Help: Open Street and Map Box setup

MAP SECTION

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

1. Show Map on Property Page? Yes/No

You can enable or disable the map on property pages.

2. Hide map location? Yes/No

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

ENERGY EFFICIENCY SECTION

This section controls the property energy efficiency and greenhouse gas emission details.  Help: Energy class certificate for EU market

MORTGAGE CALCULATOR

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

The admin can configure the built-in mortgage calculator with the following options:

  • Show mortgage calculator? Yes or No
  • Exclude mortgage calculator from categories – select categories where the calculator will not appear
  • 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:

CONTACT & SCHEDULE TOUR

This section controls the contact form and schedule tour options shown on the property page. Help: Contact and Schedule Tour settings

SHOW/HIDE DETAILS

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

Show/Hide “Print” Button Yes/No

Show/Hide “Add to Favorite” Button Yes/No

Show/Hide “Share” Button Yes/No

Show/Hide “Address Details” under title Yes/No

LISTINGS LABELS

This section controls the text labels used on the property page for listing information. Help: Listing labels settings

LIGHTBOX

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

Show Contact Form on lightbox Yes/No

Crop Images on lightbox Yes/No

If set to Yes, images will have the same size. If set to No, you should make sure that the images are about the same size 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 very 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

For most real estate websites, Owl Carousel offers the best balance between performance, stability, and user experience.

Slick Slider

When Slick Slider is selected, the lightbox uses an alternative slider engine that some users may prefer.

This option can be useful if:

  • your slider crashes on iOS devices or mobile devices
  • you prefer Slick’s animation style
  • you have tested it and prefer how it feels for your audience

However, Slick Slider may require more careful testing on mobile devices and with very large image galleries.

FEATURES & AMENITIES

This section controls the labels and display settings for property features and amenities. Help: 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

YELP SETTINGS

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

WALKSCORE API KEY

This section lets you add the WalkScore API key used to display walkability information for listings. The API for WalkScore can be set here: WalkScore API sign up

BREADCRUMBS

This section controls whether breadcrumbs are shown on the single property page and how they appear in the default property template.

DISCLAIMER

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

REVIEWS

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

SIMILAR LISTINGS

This section controls the similar listings block shown at the bottom of the single property page. Help: Similar posts and similar properties

04. Theme Options & Global Settings08. Property Pages & Layouts

Related Articles

  • Theme Options – Roles (Editor) Permissions Controls
  • Theme Options -> Agent Card Settings
  • Theme Options > General Settings > Forced Registration
  • How to Import Locations in WPResidence

WP Residence Documentation

  • 01. Getting Started
    • How to Get Support
    • Get your buyer license code.
    • Use SSL / https
    • Server / Theme Requirements
  • 02. Installation & Setup
  • 03. Installation FAQ
  • 06. Search & Filtering
    • Advanced Search Display Settings
    • Advanced Search Form
    • Geolocation Search for Half Map
    • Save Search Theme Options
    • Advanced Search Colors
  • 09. Agent, Agency & Developers
  • 08. Property Pages & Layouts
  • 07. Property Lists, Categories & Archive
  • 14. WPResidence Elementor Studio
  • 10. Blog Posts & Blog List
  • 11. Shortcodes
    • Contact Form
    • Featured Agency/Developer
    • Membership Packages
    • Testimonials
    • Google Map with Property Marker
    • Listings per Agent, Agency or Developer
    • Display Categories
    • Agent List
    • Recent Items Slider
    • Recent items
    • List Properties or Articles by ID
    • Featured Agent
    • Featured Article
    • Featured Property
    • Login & Register Form
    • Icon Content Box Shortcode
  • 12. Widgets
  • 04. Theme Options & Global Settings
    • General Settings
    • User Types Settings
    • Appearance
    • Logos & Favicon
    • Header
    • Footer Style and Colors
    • Price & Currency
    • Property Custom Fields
    • Features & Amenities
    • Listing Labels
    • Theme Slider
    • Permalinks
    • Splash Page
    • Social & Contact
    • Map Settings
    • Pin Management
    • How read from file works
    • General Design Settings
    • Custom Colors Settings
    • Header Design & Colors
    • Mobile Menu Colors
    • User Dashboard Colors
    • Print PDF Design
    • Property, Agent, Blog Lists Design Settings
    • Sidebar Widget Design
    • Font management
    • How to add custom CSS
    • Custom Property Card Unit – Beta version
    • Email Management
    • Import & Export theme options
    • reCaptcha settings
    • YELP API Integration
    • iHomefinder Optima Express IDX
    • MEMBERSHIP & PAYMENT Settings
    • Property Submission Page
    • PayPal Setup
    • Stripe Setup
    • Wire Transfer Payment Method
  • 20. Translations & Languages
  • 24. FAQ
  • 10. Pages
  • 11. Header
  • 12. Footer
  • 05. Maps & Location Settings
  • 18. Payments & Monetization
  • Plugins
    • 22. Third Party Plugins – IDX Compatibility
    • 21. Third-Party Plugins – Multi-Language
    • 23. Third party Plugins – Other
  • Technical
    • 26. Technical how to | Custom Code Required
    • 25. Technical: Child Theme

Join Us On

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