Property Price (Property Detail Page)

The Property Price widget is used to display the pricing information of a property on its detail page. It supports both a main price (e.g., total sale price) and an optional secondary price (e.g., monthly rental cost). This widget ensures pricing is shown prominently and styled consistently across listings.

How to Add the "Property Price" Widget

1. Open the property detail template in Elementor.
2. From the Houzez widget panel, drag and drop the Property Price widget into your layout.
3. The widget will automatically display the property's price data from the system.

Configuration Options

Content Tab

• Hide Second Price – Toggle on/off to display or hide the secondary price.
• Alignment – Align the price text (left, center, right).

Style Tab

• Price Styling
  • Color – Set the main price color.
  • Margin Top/Bottom – Adjust spacing around the main price.
  • Typography – Customize font, size, and weight.
  • Text Shadow – Add visual emphasis to the price.
• Second Price Styling
  • Color – Set the color of the secondary price.
  • Margin Top/Bottom – Adjust spacing around the secondary price.
  • Typography – Customize font, size, and weight for the secondary price.
  • Text Shadow – Add visual emphasis to the secondary price.

Best Practices

• Use the secondary price for rental or installment-based listings to provide clear cost breakdowns.
• Maintain consistent color and typography with the rest of your property detail layout.
• Ensure prices remain readable against your background by testing contrast.
• Hide the secondary price if it does not apply, to avoid confusing visitors.