The Property Cards Carousel widget allows you to display your property listings in an engaging horizontal carousel format. It's perfect for highlighting featured properties, showcasing recent listings, or adding a dynamic element to your homepage or landing pages.
How to Add the "Property Cards Carousel" Widget
- Open the page in Elementor where you want to insert the carousel.
- In the Elementor sidebar, search for "Property Cards Carousel".
- Drag and drop the widget into your desired section.
- By default, the widget will load property listings based on your site settings.
Screenshot: Show the widget in Elementor sidebar + inserted on a page.
Configuration Options
Content Tab
- Carousel Settings
- Thumbnail Size: Define image size for property cards.
- Slides to Show: Number of cards visible at once.
- Slides to Scroll: Number of cards to move per scroll.
- Infinite Scroll: Enable/disable continuous looping.
- Auto Play: Automatically rotate slides.
- Auto Play Speed: Control speed in milliseconds (default 3000).
- Next/Prev Navigation: Show/hide navigation arrows.
- Dots Nav: Show/hide navigation dots.
- Filters
Filter properties by type, status, labels, country, state, city, area, agents, agencies, price range, beds, baths, user role, or specific property IDs. - Show/Hide Data
Toggle visibility for buttons and labels such as Compare, Favorite, Preview, Featured, Status, Labels, Excerpt, Details, Agent & Date.
Style Tab
- Typography: Customize font family, size, weight, and color for titles, addresses, prices, property type, agent name, etc.
- Spaces & Sizes: Adjust margins, paddings, and icon sizes.
- Card Box: Set background, border type, border radius, box shadow, and footer border.
- Image Radius: Control border radius for property thumbnails.
- Colors: Define colors for titles, addresses, icons, prices, labels, background, and hover states.
- Button: Style buttons (normal and hover) with text, background, border, and radius options.
- Next/Prev Buttons: Customize navigation arrows with color, background, and hover states.
Best Practices
- Use Featured Properties filter to highlight special listings.
- Enable Auto Play with caution—make sure it doesn't distract users.
- Keep the number of slides visible balanced (3–4 works best for desktop, 1–2 for mobile).
- Maintain consistent image sizes across your listings for a professional look.
- Combine with Filters to target specific property types or agents.
Comments
0 comments
Article is closed for comments.