Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

OpenCart 2.x. Wie man Google Map in Vorlagen 53552, 53398, 53325, 53279, 53122, 53499 einstellt

Das jeweilige Tutorial zeigt Ihnen, wie man die Lage auf der Google Karte in OpenCart 2.x Vorlagen 53552, 53398, 53325, 53279, 53122, 53499 ändert.

OpenCart 2.x. Wie man Google Map in Vorlagen 53552, 53398, 53325, 53279, 53122, 53499 einstellt

Um die Lage auf der Google Karte einzustellen, sollen Sie die folgenden Schritte ausführen:

  1. Öffnen Sie https://www.google.com/maps/ im Browser und geben Sie die gewünschte Adresse in die Suchleiste ein und drücken Sie auf den Button Suche:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-1

  2. Nach der Suche drücken Sie mit der rechten Maustaste auf die Lage und wählen Sie Was ist hier? (What’s here?) in dem DropDownMenü aus. Das DropDownFenster mit Koordinaten wird angezeigt:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-2

  3. Drücken Sie auf die Koordinaten in dem DropDownFenster, Sie sehen die Werte Y und X in der Suchleiste. Lassen Sie uns sie in die Karte einfügen.

  4. Finden Sie im Control Panel OpenCart ModuleHTML Content > gmap (Modules – HTML Content > gmap). Das Modul kann auch “HTML Content > Kontakte” (“HTML Content > contacts”) heißen. Drücken Sie auf den Button Quellcode (Source code) im Editor. Im Fenster Code anschauen (Code View) sehen Sie die Koordinaten vom Marker auf der Karte:

    	<div id="google-map" class="map_model"></div>
        <ul class="map_locations">
        <li data-x="-73.9874068" data-y="40.643180">
        
  5. Ersetzen Sie die Werte Y und X durch die neuen Koordinaten. Achten Sie darauf, dass der erste Wert in Suchergebnissen auf der Google Karte Y ist. Der zweite Wert ist X:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-3

  6. Nachdem Sie die neuen Koordinaten eingegeben haben, fügen Sie auch zur Karte Tags div hinzu:

    <div id="google-map" class="map_model"></div>

    Die Zeile mit den neuen Koordinaten wird wie folgt aussehen:

    <div id="google-map" class="map_model" data-x="-118.322144" data-y="34.091050"></div>

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-4

  7. Speichern Sie die Änderungen im Modul und aktualisieren Sie die Seite Ihrer Website, indem Sie die Tastenkombination Ctrl/Cmd+F5 nutzen, um die Änderungen zu sehen.

Sie können auch das ausführliche Video-Tutorial nutzen:

OpenCart 2.x. Wie man Google Map in Vorlagen 53552, 53398, 53325, 53279, 53122, 53499 einstellt

 
Online-Chat
We help you to choose the right product.
Chat starten