Tag Archives: map

Classifieds Multipurpose Portal, Customizations

Geo SVG maps supported in Classified script

More then 150 Geo SVG maps included for many countries included directly in script

NOTE: If you need geo map, change widget on homepage and generate wanted map via admin ->listings->Neighborhoods->Generate geo map

If you want to add your custom SVG map, it’s not so easy but possible, guide: geo-location-guide

Guide for our WordPress Themes/Plugins SVG maps: http://listing-themes.com/nexos-wp/docs/img/desc2/svg_map_wp.pdf

From script v1.6.0 we added support for even more maps (> 260 additional maps) https://www.amcharts.com/svg-maps
For support Just download new map in folder “templates\boomerang\assets\svg_maps”

List:

World
USA
Europe
Africa
Afghanistan
Albania
Algeria
Andorra
Angola
Anguilla
Antigua and Barbuda
Argentina
Armenia
Australia
Austria
Azerbaijan
Bahamas
Bangladesh
Barbados
Belarus
Belize
Benin
Bermuda
Bhutan
Bolivia
Brazil
Brunei
Bulgaria
Burkina Faso
Burundi
Cambodia
Cameroon
Canada
Cape Verde
Central African Republic
Chad
China
Colombia
Comoros
Costa Rica
Croatia
Cuba
Cyprus
Côte d’Ivoire
Democratic Republic of the Congo
Djibouti
Dominica
Dominican Republic
Ecuador
Egypt
El Salvador
Equatorial Guinea
Eritrea
Estonia
Ethiopia
France
Gabon
Georgia
Germany
Ghana
Greece
Greenland
Grenada
Guatemala
Guinea
Guinea-Bissau
Guyana
Haiti
Honduras
Hungary
Iceland
India
Indonesia
Iran
Iraq
Ireland
Israel
Italy
Jamaica
Japan
Jordan
Kazakhstan
Kenya
Kyrgyzstan
Laos
Lebanon
Lesotho
Liberia
Libya
Liechtenstein
Lithuania
Luxembourg
Macedonia
Malawi
Malaysia
Mali
Mauritania
Mexico
Moldova
Mongolia
Montenegro
Montserrat
Morocco
Mozambique
Myanmar
Namibia
Nauru
Nepal
Netherlands
New Caledonia
New Zealand
Nicaragua
Niger
Nigeria
North Korea
Norway
Oman
Pakistan
Panama
Papua New Guinea
Paraguay
Peru
Poland
Portugal
Qatar
Republic of Congo
Romania
Russian Federation
Saint Kitts and Nevis
Saint Lucia
Saint Vincent and the Grenadines
Saudi Arabia
Senegal
Serbia
Sierra Leone
Singapore
Slovakia
Slovenia
Solomon Islands
Somalia
South Africa
South Korea
Spain
Sri Lanka
Sudan
Suriname
Swaziland
Sweden
Switzerland
Syria
Taiwan
Tajikistan
Tanzania
Thailand
The Gambia
Togo
Trinidad and Tobago
Tunisia
Turkey
Turkmenistan
Uganda
Ukraine
United Arab Emirates
United Kingdom
Uruguay
Uzbekistan
Venezuela
Yemen
Zambia
Zimbabwe

Customizations

How to remove map, slider and search?

In version >=1.5.4:

Admin->Pages->Edit->change header template

In versions <=1.5.3:

Can be done with wanted template file customizations, just remove part of code that showing map/slider/search, for example on classic page_page.php located in folder: templates\bootstrap2-responsive, remove this part:

<input id="pac-input" class="controls" type="text" placeholder="{lang_Search}" />
<div class="wrap-map" id="wrap-map">
</div>

{template_search}
Customizations

How to replace map with slider in header?

 

In version >=1.5.4:

Admin->Pages->Edit->change header template

In versions <=1.5.3:

There is 2 version of homepage templates, “homepage” and “homepage-slideshow”, you can select wanted template.

You want to replace map with slider on all pages?

Can be done with wanted template file customizations, just replace part of code that showing map, with part of code that showing slider, for example on classic page_page.php located in folder: templates\bootstrap2-responsive

Replace:

<input id="pac-input" class="controls" type="text" placeholder="{lang_Search}" />
<div class="wrap-map" id="wrap-map">
</div>

With this code:

<div class="wrap-map">
    <div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
    {slideshow_images}
    <li data-target="#myCarousel" data-slide-to="{num}" class="{first_active}"></li>
    {/slideshow_images}
    </ol>
    <!-- Carousel items -->
    <div class="carousel-inner">
    {slideshow_images}
        <div class="item {first_active}">
        <img alt="" src="{url}" />
        </div>
    {/slideshow_images}
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
</div>

You can also replace map with other type of content, if you need css customization, can be done in file: templates\bootstrap2-responsive\assets\css\styles.css

If you want to pause carousel then you can use something like this:

<script language="javascript">
$(document).ready(function(){
    $("#myCarousel").carousel('pause');
});
</script>