Customizations

How can i set up custom search form? Different for any types of estate….

 

Template file for this page is: templates\bootstrap2-responsive\page_customsearch.php

You can create more files like this…
page_customsearch1.php
page_customsearch2.php
page_customsearch3.php
…

And in each template file you can define different search fields…

Search fields are defined in part of code:
<div class="search-form">...</div>

So you can copy it and modify, numbers represents options/fields ID#

 

 

Issues

Clustering problem on map

You can find clustering configuration in template file.

in case of template bootstrap2-responsive can be found in:

templates\bootstrap2-responsive\components\head.php, line around 110:

In latest script version file: templates\{your-template}\widgets\head.php

// Cluster config start //
clusterConfig = {
radius: 60,
// This style will be used for clusters with more than 2 markers
2: {
content: "<div class='cluster cluster-1'>CLUSTER_COUNT</div>",
width: 53,
height: 52
},
// This style will be used for clusters with more than 5 markers
5: {
content: "<div class='cluster cluster-1'>CLUSTER_COUNT</div>",
width: 53,
height: 52
},
// This style will be used for clusters with more than 20 markers
20: {
content: "<div class='cluster cluster-2'>CLUSTER_COUNT</div>",
width: 56,
height: 55
},
// This style will be used for clusters with more than 50 markers
50: {
content: "<div class='cluster cluster-3'>CLUSTER_COUNT</div>",
width: 66,
height: 65
},

Or in case of realocation:

templates\realocation\assets\js\map_custom.js

 

FAQ

How to change footer part details, logos, social buttons and links?

For logos:
Just replace wanted following images:

  • admin-assets/img/custom/logo-system-mini.png
  • templates/bootstrap2-responsive/assets/img/logo.png
  • templates/bootstrap2-responsive/assets/img/partners/winter.png

More details about logos: http://iwinter.com.hr/support/?p=168

Contact details:
Admin->Settings->Change Address Footer

Social buttons:
Admin->Settings->Design template->Change Facebook or Social code

For social buttons, you can generate code on this service: http://www.addthis.com and paste code there to textarea…

Links?
Other customizations can be changed in template file, for example:
templates\bootstrap2-responsive\components\footer.php

Left logo in footer?
templates\bootstrap2-responsive\components\footer.php, line around 6:

<img src=”assets/img/logo.png” alt=”Logo footer” />

Image file: templates/bootstrap2-responsive/assets/img/logo.png

Right logo in footer?
templates\bootstrap2-responsive\components\footer.php, line around 37:

<a class="developed_by" href="http://iwinter.com.hr" target="_blank"><img src="assets/img/partners/winter.png" alt="winter logo" /></a>

Image file: templates/bootstrap2-responsive/assets/img/partners/winter.png

In script version >= 1.5.6, different files:

templates\bootstrap2-responsive\widgets\footer_share.php
templates\bootstrap2-responsive\widgets\contactus.php
templates\bootstrap2-responsive\widgets\footer_logo.php

 

 

FAQ

How to remove option / field like Energy efficiency?

 

Sometimes fields are locked because removing them require template customizations, specially red hard locked.

Here is instructions for black / soft locked fields:
locked_field

locked_field-1

Because this field is locked (used in template directly), you need also remove folder: templates\bootstrap2-responsive\assets\js\dpejes

or modify property.php template file to completely remove this option.

 

Customizations

The sliding image on property.php is only showing top part of images.

Script version >= 1.5.6

in property.php template file you can replace slider code:

{slideshow_property_images}
<div class="item {first_active}">
<div style="background:url('{url}') center center; background-size:cover;" class="slider-size">
</div>
</div>
{/slideshow_property_images}

With something like (870x469 is example image size):

<?php foreach($slideshow_property_images as $file): ?>
<div class="item <?php echo $file['first_active']; ?>">
<div style="background:url('<?php echo _simg($file['url'], '870x469'); ?>') center center; background-size:cover;" class="slider-size">
</div>
</div>
<?php endforeach; ?>

Old solution:

Solution to match with height and width to show whole image?
You should customize css in templates\bootstrap2-responsive\assets\css\styles.css, line around 1340:

/* Carousel */
#myCarousel img
{
width:100%;
height:100%;
}

 

FAQ

How to change marker map icons?

Marker icon values is related to marker file-name icons, this is important in case if you adding new language, and not add icons, then you should not translate this values. You will see blank/standard markers then.

Google map marker icons can be found in: ‘templates\bootstrap2-responsive\assets\img\markers’

Or if you using realocation template then: templates\realocation\assets\img\icons

You should replace this images with new one or add new like this.

If you want to add new file, name it lowercased and add to field values via administration:
Admin->Real estates->Fields->Add value in list, for example:
empty,commercial,house,land,apartment,your_new_filename

And file your_new_filename.png

 

Customizations

How to change Content in google maps popup?

map-popup-modifications

 

In version 1.5.5:

You can customize file:
templates\{your-template}\widgets\map_popup.php

In older version <=1.5.4:

You need to change (only example for template page_homepage.php, for other template files you should open other template file):
templates\{your-template}\page_homepage.php, line 34.

Variable name depends on ID of this option/field, you can find it in your administration->Estates->Options
Pseudo variable: {option_#}, # is ID
For more details about variable, check out: http://real-estate.iwinter.com.hr/documentation/#!/property_template , section “Real estates for map on top:”

And for ajax results:
application\controllers\frontend.php, line around 2689:
$estate_obj_gen->data= …

Here you can use for example something like this:
(!empty($estate[‘option_36′])?$this->data[‘options_prefix_36′].” “.$estate[‘option_36′].” “.$this->data[‘options_suffix_36′]:”)

In your template file if you want to change autoload map popups then you should customize this part (red color), you should use CTRL+F to find this code:

values:[
            {all_estates}
                {latLng:[{gps}], adr:"{address}",  options:{ icon: "{icon}" , labelContent: ( abbrNum({option_36}) ), labelAnchor: new google.maps.Point(22, -5), labelClass: "labels", labelStyle: {opacity: 0.75} }, data:"<a style=\"color:#25863E\" href=\"{url}\">{option_2} in {address} for {option_4}</a><br />{option_3}{options_suffix_3}  {has_option_19}{option_19} bathrooms{/has_option_19}  {has_option_20}{option_20} bedrooms{/has_option_20}  {has_option_1000}Zone {option_1000}{/has_option_1000} "},
            {/all_estates}
            ],