WP Residence Help WP Residence Help

  • WpEstate
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / 08. Property Pages & Layouts / Property Image Gallery Style Options

Property Image Gallery Style Options

6232 views 0

Property Page Design controls the default property page template used by the theme, including the property media gallery shown inside the page content.

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

From the site admin, when editing each property, you can also select a custom Slider Type different from the global setting. This list includes one extra slider type, Animation Slider.

Classic Slider

The Classic Slider shows the property images in a standard slider layout. This is a good choice if you want a familiar and clean gallery presentation.

Vertical Slider

The Vertical Slider displays the main image with the gallery thumbnails arranged vertically. This layout works well when you want the thumbnails clearly visible alongside the main image.

Horizontal Slider

The Horizontal Slider shows the property images with thumbnails arranged horizontally. This is useful if you prefer a wider gallery navigation style.

Full Header Slider

The Full Header Slider shows the property images in a wide header-style area. This option is best when you want a more visual presentation at the top of the property page content.

The Full Header Slider was designed to work best with around 8 to 9 images.

If you want to add more than 8 to 9 images and keep the thumbnails on a single row, add this CSS in Theme Options > Design > Custom CSS:

#carousel-property-page-header .carousel-indicators{
height:100px;
}

If you want to hide the thumbnails, use this CSS:

#carousel-property-page-header .carousel-indicators {
display: none;
}

Help article for how to add custom CSS

Masonry Gallery V1

Masonry Gallery V1 displays the property media in a masonry-style layout. This option works well when you want a more editorial and image-rich presentation instead of a traditional slider.

Multi Image Slider

The Multi Image Slider shows several images together in a larger visual media block. This is a good choice if you want a more dynamic gallery presentation.

Masonry Gallery V2

Masonry Gallery V2 is an alternative masonry-style layout for the property media section. It offers another image-rich variation for users who want a more visual and modern presentation.

Note: The final result depends on the number of images uploaded for each property. For the best presentation, use good quality images with similar proportions.
08. Property Pages & Layouts

Related Articles

  • Add Booking Forms and Plugin Shortcodes to Property Pages in WPResidence
  • Custom template for each Property Category / Taxonomy with WPResidence Studio and Elementor Free
  • Theme Options – Property Page Design
  • Add a different measurement for property lot size

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