A listing card is the tile that represents one property in a grid, a slider or a set of search results. Standalone mode ships three, and the choice is one setting: Property card style under Property Card in MLS Import Design Settings.
It is a site wide choice. Every grid on the site uses the same card, which is what keeps search results, sliders, agent pages and the similar listings strip looking like one product.
What every card shows
All three carry the same information, drawn from the same data. Only the arrangement differs.
- The photo, with a status badge over it.
- The price.
- The address as the heading.
- A specification line with beds, baths and size.
- The office name and the MLS logo, when both or either are set.
- The save heart.
Anything with no value is left out rather than shown blank, so a listing without a price has no price line at all.
The three styles
V1, Standard is the default. The photo sits on top, the body below it, and the price leads. It is the most compact of the three and the safest in a three or four column grid.
V2, Horizontal splits the card with the photo on the left and the details on the right. It suits one and two column layouts and list style results pages, where a wide card has room to breathe.
V3, Photo overlay is a full bleed photograph with the price and address laid over it. It is the most visual of the three and the most demanding of your photos, since text over a busy image is hard to read.
Choose from your grid width, not from the card in isolation. V2 in a four column grid squeezes the photo into a strip, and V3 in a narrow column leaves the address wrapping over the picture. V1 is the one that works at any width.
Changing it
- Open MLS Import Design Settings.
- Go to the Property Card tab.
- Pick V1, V2 or V3.
- Click Save changes.
Expected result: every listing grid on the site uses the new card on the next page load. The Customizer has the same setting with a live preview, which is the easier way to compare all three.
Styling beyond the three
The Main Color setting re-tints the cards along with the rest of the front end, including the save heart.
Elementor goes further on the widgets that render cards. Their Style tab controls typography, colour and spacing for the price, the address and the specification line separately, including the address hover colour, without touching the site wide setting.
For a card that is genuinely your own, copy the card template into a folder named mlsimport inside your theme and edit your copy. card.php is V1, card-v2.php and card-v3.php are the other two, and your copy takes precedence over the bundled one.
Copy the style you are closest to rather than starting from V1 by habit. All three receive the same data in the same shape, so the differences between the files are layout only, and you inherit the card slots that plugins and the favourites feature hook into.
Frequently asked questions
Can I use different cards on different pages?
Not from the settings, which are deliberately site wide. A developer can vary it per grid with the mlsimport_card_template filter.
Why does one card look taller than its neighbours?
Because a longer address wraps to a second line, or that listing has an office row the others do not. Cards size to their content.
Where does the MLS logo on the card come from?
MLS logo under the MLS Attribution sub screen of the design settings. The same image serves the card and the attribution block on the property page.
Does the card style apply to the Featured Property block?
No. That block has its own six designs, chosen on the block itself, because it is a hero element rather than a grid tile.
Related
- The Design Settings page
- The Featured Property block
- Favourites and saved properties
- Editing design settings in the Customizer
Send us a screenshot of the grid you are unhappy with and we will suggest the card and the column count.