When a property list is displayed we put each property inside a container we call “property unit” or “property card”.


To add , change or edit details inside this property unit you need to edit the file property_unit.php . This file is used on all properties list, so you need to be aware that any change made here will propagate all over the theme.

A few explanations about what is inside there

– If you chose to show the property unit slider – the code for this feature starts at line 114 until line 167.

– The link is saved as the $link variable.

-The title is displayed at line 201
echo mb_substr( $title,0,44);
echo '...';


– Details like rooms, bathrooms, size are displayed at like 211.


– The excerpt (description) is at line 229 for the list view and 233 for the grid view ( if you show as list view). If not there are line 239 and line 243.


– The price is displayed at line 253 via function


– The default image is at line 81
$preview = wp_get_attachment_image_src(get_post_thumbnail_id(), 'property_listings');


If you want to delete something : If is possible use css display:none;.

if not just delete/comment the code.


If you want to add something.
a. if you want to show taxonomy details use code like this

$property_city = get_the_term_list($post->ID, 'property_city', '', ', ', '') ;
$property_area = get_the_term_list($post->ID, 'property_area', '', ', ', '');


if you want to show custom field use code like:
$custom_field = get_post_meta($post->ID, 'custom_field, true);

*** if you add a custom field name called “long field” he is saved into dabase as “long-field”. So the above line will become

$long-field= get_post_meta($post->ID, 'long-field, true);

Notes –

the icons for bedroom, size and baths are loaded via css as backgorund for  span with classes inforoom,infobath,infosize.

.property_location .infobath {
font-size: 13px;
background-image: url('./css/css-images/icon_bath1.png');
height: 19px;
background-repeat: no-repeat;
background-position: 0px 2px;
margin-right: 7px;
padding-left: 18px;

The grid classes from bootstrap are set in the beginning of the file (col-md-4 means 3 on the row , col-md-3 means 4 on the row …etc) –

$col_class = 'col-md-4';
$col_org = 4;

if($options['content_class']=='col-md-12' && $show_remove_fav!=1){
$col_class = 'col-md-3';
$col_org = 3;


See also http://help.wpresidence.net/2015/12/07/technical-how-to-custom-fields/