The Property Cards widgets (versions 1–8) are used to display real estate listings in a variety of pre-designed card layouts. These widgets allow you to showcase properties in grid or list formats, complete with images, key details, price, and interactive tools. They are ideal for property listing pages, homepage sections, or anywhere you need a visual representation of properties.
How to Add the "Property Cards" Widget
- In the Elementor editor, search for "Property Cards" in the widgets panel.
- Choose the version (v1 to v8) that best matches your desired layout.
- Drag the widget into your page content area.
- The properties will automatically load based on your global settings or custom filters you apply.
Configuration Options
Content Tab
Properties
- Layout – Choose between available grid views (e.g., 3 or 4 columns) or list view.
- Thumbnail Size – Select the image size, or use the global media settings.
- Sort By – Order properties by date, price, or custom criteria.
- Number of Properties – Set how many properties to display per page.
- Offset – Skip a set number of properties from the start of the query.
- Post Status – Show active, sold, or both.
- Pagination – Choose between "Load More," "Infinite Scroll," or standard pagination.
Filters
- Filter by Type, Status, Labels, Country, State, City, Area.
- Filter by Agent or Agency.
- Set minimum/maximum price, beds, and baths.
- Restrict to specific user roles or featured properties.
- Specify exact property IDs to display.
Show/Hide Data
- Toggle visibility for Compare, Favorite, and Preview buttons.
- Show or hide Featured label, Status, Labels, Excerpt, Details button, and Date/Agent.
Style Tab
Typography
- Customize fonts for property title, address, meta labels, price, sub-price, property type, area postfix, details button, agent, and date.
Spaces & Sizes
- Adjust margins for titles and addresses.
- Set meta icon sizes and content area padding.
Card Box
- Configure background, padding, border type, border radius, box shadow, and footer border settings.
Image Radius
- Set border radius for property thumbnails.
Colors
- Define colors for price, titles, addresses, icons, labels, background elements, and agent/date information.
Button
- Style the details button (normal and hover states), including colors, borders, and radius.
Pagination
- Adjust pagination appearance to match your site design.
Best Practices
- Use consistent image sizes across listings for a uniform grid.
- Keep the number of properties per row consistent with your site's layout for better readability.
- Limit filters when embedding multiple Property Card widgets on the same page to maintain performance.
- Choose the card version that matches your site's visual style and user experience goals.
Comments
0 comments
Article is closed for comments.