Code

Discussion on jQuery Store Locator

Discussion on jQuery Store Locator

Cart 211 sales
altsniffer

altsniffer supports this item

Supported

103 comments found.

Hi, I would like to know how to do these two things: 1) Set the initial zoom level of the map 2) When the map is initially loaded, center the map in the place from which you connect. (Ex. if I launch the page from Italy, it must be centered in Italy)

Thanks in advance

Hi

1. You can set this in the mapOptions object:

mapOptions: { zoom: 12 }

2.There is no function available for this.

I don’t think it’s working for me. On this page https://www.dieci.com/dealers/index.html I set the zoom to 12 then I changed it to 4 but it doesn’t seem to make any difference. Can you check the source of the html file? Where am I going wrong?

Thanks for your cooperation

Yes, I think I see what the issue might be, the map adjusts to the necessary zoom level to display all markers.

Maybe you could try setting a default location, but I’m not sure about that.

Hello, I need technical support: - why if I add an item to the stores.json file I can’t see it? - why if I modify an item in the stores.json file I can’t see the change made? - why if I create a new file, for example stores2.json, a copy of stores.json, and call it in the index.html file, the system doesn’t show me anything? Thanks in advance

Unfortunately it doesn’t work :-(

So, even after adding new items to your JSON file, they don’t appear? The query parameter should normally prevent caching—I’ve never had this issue when using version-based parameters.

You might try adding this to your .htaccess file to force the browser to always fetch the latest version:

<FilesMatch ”\.json$”> Header set Cache-Control “no-store, no-cache, must-revalidate, max-age=0” Header set Pragma “no-cache” Header set Expires 0 </FilesMatch>

This should ensure that JSON files are never cached by the browser.

I added the code, cleared the browser cache manually and now it seems to work now. I thank you so much for the support. If I have any further problems with this feature I will write to you in response to this comment. Thanks again!!!

Hallo, Ist das beschriebenen Problem was mb111 in den Comments beschreibt behoben? „Außerdem ist mir aufgefallen, dass sich die Cluster-Symbole beim Verschieben der Karte neu initialisieren und in ihre Position gleiten – das ist etwas verwirrend.“

Besten Dank, Andreas

Hallo

Die einzige Anpassung, die wir da getestet haben, war das Entfernen der Transitions-Eigenschaft aus der CSS-Klasse .custom-pin. Soweit ich mich erinnern kann, wurde die Transition nicht im Skript entfernt. Wäre ein Überlegung wert.

Hallo und Danke. Wenn das geändert wurde kaufe ich es sofort. Der Übergang ist nicht geraden ansprechend. Wenn es so leicht zu ändern ist und ohne großen Aufwand geht, dann bitte ich darum ;-)! Danke und beste Grüße

Guten Tag

Es gibt einige Fehler die mit der Suche zusammen hangen. Ich wäre froh wenn sie mich kontaktieren könnten.

Am einfachsten via E-Mail: martin.bommeli@gmail.com

Freundlicher Gruss Martin

Hallo, hatte Probleme mit dem verschicken auf gmail :) ist eine Mail angekommen?

Good afternoon,

I recently purchased the product. I wanted to make changes to fit my needs. When I tried loading a live server, I got an error message saying that Google Maps did not load correctly. Do you know how I can fix this?

where you initialize this script, you can set options,

$('.map_container').storeLocator({
           mapOptions: []
       });

Thats where we enter the “style:[map style]”property so it can display how we want?

thats for all google maps options

mapOptions: { styles: [ { “featureType”: “administrative”, “elementType”: “labels.text.fill”, “stylers”: [{“color”: ”#444444”}] } ] }

Hi, ich schon wieder. Gibt es eine Möglichkeit, beim Laden der Seite einen bestimmten Map-Center zu setzen? Statt direkt alle Stores auf der Karte zu sehen, möchte ich einen bestimmten Standort anzeigen lassen. Viele Grüße!

Hallo, glaub das müsste dieser param sein { defaultLocation: [lat, lng] }

Hat funktioniert. Danke dir! :)

Hi, Im new at coding. What’s the difference between storeLocator.js and storeLocator.all.js and how can I implement and execute changes on the storeLocator.js?

I can’t help you there, I don’t know what you have already tried or want to do.

No problem, I just managed it via all.js. Thanks a lot! :)

Alles klar ;)

Hello, is it possibile to use another map instead of google, like openstreetpmap? Thank you

Hello

Unfortunately not, as it is also described in the first line just for google maps :(

regards

Hello pre-purchase question. - Would it be possibile to have a little tooltip on hover on the marker - Can I hide the list of places on the right, showing only the marker info Thank you

Hi

There is no tooltip, if you click on the marker, the infos are showing up on the sidebar

regards

Hallo altsniffer, wie kann man das Problem mit den Google Fonts lösen? Beste Grüße

Hallo bhalili, welches Fonts Problem meinst du genau?

Hallo altsniffer, ich meine DSGVO – Abmahnungen wegen Google Fonts. Der Store Locator greift auf Google Fonts.

Du kannst doch da die Font im html und css selber austauschen?

Hello. Great script! Is there a way to make the map to center and icon to change when a list item on the right is selected/on :hover ? I’m looking for a similar map for real estate listings. Also I’ve noticed – when map is moved, cluster icons re-initialize and slide into position – it’s kind of confusing. any chance to change that behavior? Thanks

hi, there is no icon change on click / hover, only that little bounce effect on hover

hmm…that behavior with clusters should be only a css transition thing :)

Thanks for your prompt response. it would be great to have map center on item hover just like the “Progress Map” on codecanyon.

Hello, I updated the plug-in to use the new “use json object and a link” feature. Testing the page I encountered a problem: clicking on a pin of the map the page scrolls up. You can check the problem on the development site: https://newelfin.sharingidea.it/it/dove-acquistare If you want to view the site with an old version of your plugin, you can go to: https://www.newelfin.com/it/dove-acquistare

Can you help me? Thank you

403 – Accesso negato. :)

oops! I have removed the block. ;)

Hello, can you send me a private message so that we can look for a solution? :)

Hello.. why not able to display it? Ok i found it

I have issue when following is active on page because i have .storeLocator is not a function but i can’t disable it https://static.mkd.sx/cnv/html/js/jquery.js how can i do to remove conflict?

only include one jquery, or don’t use that .min.js

or you can try

jQuery.noConflict(); (function( $ ) { $(function() { // More code using $ as alias to jQuery }); })(jQuery);

var j = jQuery.noConflict(); // Do something with jQuery j( “div p” ).hide();

Hi altsniffer, it appears a recent chrome update has caused the script to be incompatible within chrome – all the fonts appeared very squished and nothing is readable. This issue is present within your “preview” link on Codecanyon itself. All other browsers appear to be fine, the issue is localized to Chrome.

Hi, ok, now i have seen it myself :)

for now you can fix / update it with this css

.map_results .result_item_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

Thank you so much! Fixed by adding position:relative; to .map_results .map_listings .map_listings_results .result_item .result_item_info .info and .map_results .map_listings .map_listings_results .result_item .result_item_info .image_container (which essentially does the same thing!). Thanks so much for the quick reply

I think i have to clean up the css code :D

Hallo altsniffer, das Script läuft unter den Browser Google Chrome nicht, bei Firefox und Chromium läuft alles normal. LG

Hi bhalili, inwiefern läuft es nicht? Hast du einen Fehler in der Console? Gruss

Hallo altsniffer, die Einträge überlappen sich, du kannst auf www.ppsa.de dir das anschauen. Das lief vorher alles wunderbar, hab auch nichts geändert, liegt an dem Browser Chrome, bei den anderen wird alles normal angezeigt. LG

Hi, müsste mit den update gefixt worden sein….

Hi, I purchased this script few days ago, installed and happy that I bought it. I have a simple question. I wanna infowindow on click on marker. Can you guide me how to customize the script so that I can have infowindow when I click on marker? Thanks

Hi. I am not familiar with HTML coding. I maintain a website that was made for my company by a third party who used Concrete5. Would you know if your jQuery Store Locator be usable on my website?

Hi you need jQuery and an endpoint where you get data, or just an json object for your informations to display, should then fit in every html

if possible load more items via ajax

hi, you mean initial show 20 items, then on click load 20 more to the list? There is no function for that. If you use remoteOptions / query: true, it sends the current center coordinates within your ajax call

yes any possible for this options i need some examples for query : true

thank you for fast reply i got this solution.

Hallo, auf meiner Seite www.ppsa.de wird folgende Meldung angezeigt: Google Maps kann auf dieser Seite nicht richtig geladen werden. Bislang lief alles gut und jetzt die Fehlermeldung. Bitte um Hilfe.

Beste Grüsse B. Halili

Hi You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable

Die haben wohl mal wieder was geändert, musst du mal schauen ob du das aktivieren kannst.

Gruss

Hi, I would like to know if, through your plugin it is possible to enable a search into the map. We would like to show all our showrooms and sale points near (around 10 kilometers) the city that users type in the search box. Is it also possibile to insert all our sale points through a json or csv file? Thank you in advance.

Hi, there is an input for search with google autocomplete, and it will zoom into that location. Yes it uses json file to show all your locations

regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey