Section Details (Property Detail Page)

The Section Details widget is used to display comprehensive property information in a structured and easy-to-read format. It allows you to show both predefined property fields (like ID, size, bedrooms, year built) and custom additional details. This widget is essential when you want visitors to quickly view all relevant data about a property in one section.

How to Add the "Section Details" Widget

1. Open your Property Detail page with Elementor.
2. From the Houzez widgets panel, drag and drop the Section Details widget into your desired section of the page.
3. The widget will automatically pull property data fields from the backend.

Configuration Options

Content Tab

• Section Header: Enable/disable the header for this section.
• Section Title: Set a custom title for the details section (e.g., "Property Details").
• Data Columns: Choose to display property data in 1 or 2 columns for better layout control.
• Line Height: Adjust spacing between rows of details.

Details Data

• Select which predefined fields to display (e.g., Property ID, Size, Bedrooms, Bathrooms, Year Built, Status, Type, etc.).

Additional Details

• Show Additional Details: Toggle ON to display extra property information beyond predefined fields.
• Additional Section Header: Option to add a title for extra details.
• Additional Section Title: Custom label for the additional details block.
• Data Columns: Display additional fields in 1 or 2 columns.

Titles

• Customize labels for each property field (e.g., rename "Bedrooms" to "Number of Rooms").

Style Tab

• Section Style: Adjust background, border type/color, padding, margins, and box radius.
• Details Box Style: Customize background, border, and spacing for the details container.
• Section Title: Control typography and color for the section header.
• Meta Titles: Adjust style (color, typography) for property labels (e.g., Bedrooms, Size).
• Meta Values: Adjust style (color, typography) for property values (e.g., 4, 1200 Sq Ft).
• Border: Set borders for both standard and additional meta fields.

Best Practices

• Keep the number of displayed fields relevant and concise to avoid overwhelming the user.
• Use two columns for properties with many details to make the section more readable.
• Rename titles (under Titles) for clarity if your site uses different terminology (e.g., "Garage Size" to "Parking Area").
• Always include Additional Details if the property has unique features not covered by predefined fields.

Notes

• Property data must be filled in the property backend (Add/Edit Property page) for it to appear in this widget.
• If no data is available for a field, that field will not display on the frontend.