The Property Grids widget allows you to display a collection of property listings in a grid layout. This widget is ideal for showcasing multiple properties at once, with filtering options and customizable grid styles that make browsing easy for your visitors.
How to Add the "Property Grids" Widget
- Open the page with Elementor Editor.
- In the widget panel, search for Property Grids.
- Drag and drop the widget into your page layout.
- Once placed, you can configure the grid display and filter options.
Configuration Options
Content Tab
- Grid Style: Select from multiple grid designs (v1, v2, v3, etc.).
- Sort By: Choose how to order properties (Default, Price, Date, etc.).
- Number of Properties: Set how many properties to display.
- Offset: Skip a specific number of properties in the query.
- Post Status: Choose which properties to display (Active, Sold, or both).
Filters Section
- Type, Status, Labels: Filter by property type, status, or labels.
- Location Filters: Filter by Country, State, City, or Area.
- Properties by Agents/Agencies: Limit results to properties from specific agents or agencies.
- Price Filters: Define minimum and maximum price.
- Beds/Baths Filters: Define minimum and maximum number of bedrooms or bathrooms.
- User Role: Show properties based on user role (e.g., All, Agents only).
- Featured Properties: Option to show only featured listings.
- Properties IDs: Enter specific property IDs (comma-separated) to display.
Settings Section
- Hide Tools: Option to hide grid interaction tools (compare, favorite, etc.).
Best Practices
- Use filters to create highly curated property collections for better user experience.
- Limit the number of properties per grid to avoid slowing down page load.
- Combine with Property Detail Pages to create a seamless browsing journey.
- When using IDs, ensure they are accurate to avoid empty results.
- Maintain consistent styling (spacing, typography, and colors) across grids for a professional look.
Comments
0 comments
Article is closed for comments.