The Property Featured Image widget displays the primary image of a property on the property detail page. It helps highlight the main photo for better visual impact and user engagement. This widget ensures that every property detail page has an attractive image section, even when fallback options are required.
How to Add the "Property Featured Image" Widget
- Open your property detail page in Elementor Editor.
- In the sidebar panel, search for Property Featured Image.
- Drag and drop the widget into your desired section of the layout.
- The property's featured image will automatically appear if one has been set in the property listing.
Configuration Options
Content Tab
- Thumbnail Size: Choose from multiple sizes (e.g., Full Size, Medium, Thumbnail) depending on your layout needs.
- Enable Fallback: Toggle this option to show a fallback image if no featured image is uploaded for the property.
- Fallback Image: Upload or select a fallback image that will appear when no featured image is available.
- Alignment: Adjust the alignment of the featured image (left, center, right).
Style Tab
- Width / Max Width: Define the size of the image as a percentage of the container.
- Opacity: Control the transparency level of the image.
- CSS Filters: Apply effects such as blur, brightness, or contrast for styling.
- Border Type: Choose between solid, dashed, dotted, or none.
- Border Radius: Add rounded corners to the image.
- Box Shadow: Apply a shadow effect for depth.
Best Practices
- Always set a fallback image to maintain consistency across property pages with missing featured images.
- Use high-resolution images to ensure clarity and professionalism, especially when displayed in full-width layouts.
- Consider applying subtle box shadows or rounded corners to match the overall website design.
- Keep the image size optimized to improve page load speed without losing quality.
Screenshot
The widget displayed on the property detail page and visible in the Elementor sidebar:
(Insert the provided screenshots here — Content Tab and Style Tab views)
Notes
- If no featured image or fallback is provided, the widget area may appear empty.
- Recommended fallback images include a default property photo or branding image for consistency.
Comments
0 comments
Article is closed for comments.