Standard template doesn’t support this functionality. This template supports list view by default, most easier way is to use this template instead of default: https://codecanyon.net/item/real-estate-retro-template-03/13522785
This customization require PHP+HTML knowledge! If you are not familiar with PHP, please send your request to our customization services: http://iwinter.com.hr/support/?page_id=1870
For version >= 1.5.6:
It’s supported by default in theme: http://codecanyon.net/item/real-estate-retro-template-03/13522785
General guide for all templates:
Code to show list view can be found in:
templates\{your-template}\results.php, inside:
{has_view_list} all code in middle {/has_view_list}
This code can be copied into your template which one you using.
Usually this can be found in:
templates\{your-template}\widgets\center_recentproperties.php
Or if you want to customize bootstrap2 template then:
Open for example templates\bootstrap2-responsive\widgets\center_recentproperties.php, around line 29-41 replace this:
<?php foreach($results as $key=>$item): ?>
<?php
if($key==0)echo '<ul class="thumbnails">';
?>
<?php _generate_results_item(array('key'=>$key, 'item'=>$item)); ?>
<?php
if( ($key+1)%4==0 )
{
echo '</ul><ul class="thumbnails">';
}
if( ($key+1)==count($results) ) echo '</ul>';
endforeach;
?>
With this (from templates\bootstrap2-responsive\results.php):
<ul class="thumbnails">
<?php foreach($results as $key=>$item): ?>
<li class="span12 li-list">
<div class="thumbnail span4 f_<?php echo _ch($item['is_featured']); ?>">
<h3><?php echo _ch($item['option_10']); ?> </h3>
<img alt="" data-src="" style="width: 300px; height: 200px;" src="<?php echo _simg($item['thumbnail_url'], '260x191'); ?>" />
<?php if(!empty($item['option_38'])):?>
<div class="badget"><img src="assets/img/badgets/<?php echo _ch($item['option_38']); ?>.png" alt="<?php echo _ch($item['option_38']); ?>"/></div>
<?php endif; ?>
<?php if(!empty($item['option_4'])):?>
<div class="purpose-badget fea_<?php echo _ch($item['is_featured']); ?>"><?php echo _ch($item['option_4']); ?></div>
<?php endif; ?>
<?php if(!empty($item['option_54'])):?>
<div class="ownership-badget fea_<?php echo _ch($item['is_featured']); ?>"><?php echo _ch($item['option_54']); ?></div>
<?php endif;?>
<img class="featured-icon" alt="Featured" src="assets/img/featured-icon.png" />
<a href="<?php echo _ch($item['url']); ?>" class="over-image"> </a>
</div>
<div class="caption span8">
<p class="bottom-border"><strong class="f_<?php echo _ch($item['is_featured']); ?>"><?php echo _ch($item['address']); ?></strong></p>
<p class="bottom-border"><?php echo _ch($options_name_2); ?> <span><?php echo _ch($item['option_2']); ?></span></p>
<p class="bottom-border"><?php echo _ch($options_name_3); ?> <span><?php echo _ch($item['option_3']); ?></span></p>
<p class="bottom-border"><?php echo _ch($options_name_19); ?> <span><?php echo _ch($item['option_19']); ?></span></p>
<?php if(!empty($item['icons'])):?>
<p class="prop-icons">
<?php
foreach ($item['icons'] as $icon) {
echo $icon['icon'];
}
?>
</p>
<?php endif;?>
<p class="prop-description"><i><?php echo _ch($item['option_chlimit_8']); ?></i></p>
<p class="prop-button-container">
<a class="btn btn-info" href="<?php echo _ch($item['url']); ?>">
{lang_Details}
</a>
<?php if(!empty($item['option_36'])):?>
<span class="price"><?php echo _ch($options_prefix_36); ?> <?php echo _ch($item['option_36']); ?><?php echo _ch($options_suffix_36, ''); ?></span>
<?php endif;?>
<?php if(!empty($item['option_37'])):?>
<span class="price"><?php echo _ch($options_prefix_37); ?> <?php echo _ch($item['option_37']); ?><?php echo _ch($options_suffix_37, ''); ?></span>
<?php endif;?>
<?php if(!empty($counter)): ?>
<span class="res_counter">{lang_ViewsCounter}: <?php echo _ch($item['counter_views']); ?></span>
<?php endif;?>
</p>
</div>
</li>
<?php endforeach;?>
{/has_view_list}
</ul>
Additional you should change active class from grid to list link/icon, line around 4-5 in center_recentproperties.php
For older versions:
Open for example templates\bootstrap2-responsive\page_homepage.php, around line 123-162, replace this:
<li class="span3">
<div class="thumbnail f_{is_featured}">
<h3>{option_10} </h3>
<img alt="300x200" data-src="holder.js/300x200" style="width: 300px; height: 200px;" src="{thumbnail_url}" />
{has_option_38}
<div class="badget"><img src="assets/img/badgets/{option_38}.png" alt="{option_38}"/></div>
{/has_option_38}
{has_option_4}
<div class="purpose-badget fea_{is_featured}">{option_4}</div>
{/has_option_4}
<a href="{url}" class="over-image"> </a>
<div class="caption">
<p class="bottom-border"><strong class="f_{is_featured}">{address}</strong></p>
<p class="bottom-border">{options_name_2} <span>{option_2}</span></p>
<p class="bottom-border">{options_name_3} <span>{option_3}</span></p>
<p class="bottom-border">{options_name_19} <span>{option_19}</span></p>
<p class="prop-icons">
{icons}
{icon}
{/icons}
</p>
<p class="prop-description"><i>{option_chlimit_8}</i></p>
<p>
<a class="btn btn-info" href="{url}">
{lang_Details}
</a>
{is_purpose_sale}
{has_option_36}
<span class="price">{options_prefix_36} {option_36} {options_suffix_36}</span>
{/has_option_36}
{/is_purpose_sale}
{is_purpose_rent}
{has_option_37}
<span class="price">{options_prefix_37} {option_37} {options_suffix_37}</span>
{/has_option_37}
{/is_purpose_rent}
</p>
</div>
</div>
</li>
With this (from results.php):
<li class="span12 li-list">
<div class="thumbnail span4 f_{is_featured}">
<h3>{option_10} </h3>
<img alt="300x200" data-src="holder.js/300x200" style="width: 300px; height: 200px;" src="{thumbnail_url}" />
{has_option_38}
<div class="badget"><img src="assets/img/badgets/{option_38}.png" alt="{option_38}"/></div>
{/has_option_38}
{has_option_4}
<div class="purpose-badget fea_{is_featured}">{option_4}</div>
{/has_option_4}
<a href="{url}" class="over-image"> </a>
</div>
<div class="caption span8">
<p class="bottom-border"><strong class="f_{is_featured}">{address}</strong></p>
<p class="bottom-border">{options_name_2} <span>{option_2}</span></p>
<p class="bottom-border">{options_name_3} <span>{option_3}</span></p>
<p class="bottom-border">{options_name_19} <span>{option_19}</span></p>
<p class="prop-icons">
{icons}
{icon}
{/icons}
</p>
<p class="prop-description"><i>{option_chlimit_8}</i></p>
<p>
<a class="btn btn-info" href="{url}">
{lang_Details}
</a>
{is_purpose_sale}
{has_option_36}
<span class="price">{options_prefix_36} {option_36} {options_suffix_36}</span>
{/has_option_36}
{/is_purpose_sale}
{is_purpose_rent}
{has_option_37}
<span class="price">{options_prefix_37} {option_37} {options_suffix_37}</span>
{/has_option_37}
{/is_purpose_rent}
</p>
</div>
</li>
Additional you should change active class from grid to list link/icon, line around 99-100 in page_homepage.php
