Tag Archives: grid

Grid or Columns number on results

Each template is designed for different columns num in row which best suits design so we suggest to purchase design with wanted number of columns.

You can also customize if you are familiar with basic coding, in our script hints:

You should find all template files with result listings, some hints: http://iwinter.com.hr/support/?p=5891

After that, example for widget from classified template:

screenshot_2

Same thing in results.php template file (used for ajax calls)

screenshot_3

And in result_item, changes is also required:

screenshot_4

Example for 4 columns:

screenshot_3

 

 

How to set view-type on homepage to “list” by default instead of view “grid”?

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']); ?>&nbsp;</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}&nbsp;</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}&nbsp;</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