Section Features (Property Detail Page)

The Section Features widget is used to display a list of property features or amenities such as WiFi, air conditioning, pool, or parking. It allows potential buyers or tenants to quickly see which features are available for the property. This widget is ideal when you want to clearly showcase a property's highlights in a structured, easy-to-read format.

How to Add the "Section Features" Widget

1. Open the Property Detail Page with Elementor.
2. In the Elementor sidebar, search for "Section Features".
3. Drag and drop the widget into your desired location on the page.
4. The widget will automatically pull the available features from the property data.

Configuration Options

Content Tab

• Section Header: Toggle to show or hide the section title.
• Section Title: Enter a custom title for the features section (e.g., "Amenities" or "Highlights").
• Data Columns: Choose how many columns to display the features in (1, 2, or 3 columns).

Style Tab

• Section Style
  • Background Type: Set a background color or image for the section.
  • Border Type: Choose between default, solid, dashed, etc.
  • Border Color: Adjust the border color of the section.
  • Box Padding & Radius: Control the spacing and corner style.
• Content Style
  • Section Title: Customize typography and color of the section heading.
  • Icons Color & Size: Define the color and size of the icons next to each feature.
  • Text Color & Typography: Set the color and typography for the feature names.

Best Practices

• Use 3 columns for properties with many features to save space and keep the design clean.
• Customize the section title (e.g., "Property Features" or "Included Amenities") for clarity.
• Keep the icon colors consistent with your website branding.
• Avoid listing features that aren't relevant to the property to maintain accuracy and trust.

Notes

• Features must be added to the property first from the backend before they appear in the widget.
• The widget is dynamic, meaning it will only display features assigned to the selected property.