to enable this feature into application\config\cms_config.php add:
$config['alt_enabled'] = TRUE;
After that you can edit links clicking on edit button for images, example:
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
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
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