OpenCart 1.5.x. Wie ändert man Koordinaten der Google Karte

Wir stellen Ihnen das neue Tutorial vor, das zeigt, wie ändert man Koordinaten der Google Karte auf der Kontaktseite in Opencart.

OpenCart. Wie ändert man Koordinaten der Google Karte

1. Um Koordinaten der Google Karte zu ändern, sollen Sie die Dateien der Kontaktseite bearbeiten.

2. Verbinden Sie sich zum Server über FTP oder öffnen Sie Dateimanager (FileManager) im Control Panel auf Ihrem Hosting und gehen Sie in den Ordner /catalog/view/theme/themeXXX/template/information.

3. Öffnen Sie die Datei contact.tpl in jeglichem Code-Editor.

4. Finden Sie den Code der Google Karte, der so aussieht:

   ?

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

   <iframe width="385" height="243" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps... ></pre> </li> <li> <p>Der Teil des Codes, den Sie bearbeiten sollen, ist in Tags <strong><iframe></strong> eingeschlossen.</p> </li> <li> <p>Öffnen Sie die <span class=" glossarylink"="" data-cmtooltip="<strong>A website</strong>  is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a uniform resource locator (URL). All publicly accessible websites collectively constitute the World Wide Web.<br/>Some websites require a subscription to access some or all of their content. Examples of subscription websites include many business(...) <strong></strong>" onclick="window.open('http://l6dz.tsunoi-toso.com/help/glossary/website/', '_blank')">Website</span> <a class="aga aga_0" href="http://maps.google.com">http://maps.google.com</a>, um den neuen Code der Karte zu erzeugen.</p> </li> <li> <p>Im Suchfeld gebene Sie Ihre physikalische Adresse ein. Klicken Sie auf das Icon der Einstellungen in der unteren rechten Seite der <span class="glossaryLink" data-cmtooltip="<strong>A website</strong>  is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a uniform resource locator (URL). All publicly accessible websites collectively constitute the World Wide Web.<br/>Some websites require a subscription to access some or all of their content. Examples of subscription websites include many business(...) <strong></strong>" onclick="window.open('http://l6dz.tsunoi-toso.com/help/glossary/website/', '_blank')">Website</span> und wählen Sie aus der DropDownListe Menü <strong>Teilen und Karte einfügen (Share and embed map)</strong>, um den neuen Link zur Karte zu erhalten.</p> <p><a href="/help/wp-content/uploads/2014/08/screenshot_1.jpg"><img alt="screenshot_1" class="aligncenter size-medium wp-image-36355" height="169" loading="lazy" sizes="(max-width: 300px) 100vw, 300px" src="/help/wp-content/uploads/2014/08/screenshot_1-300x169.jpg" srcset="http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_1-300x169.jpg 300w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_1-150x84.jpg 150w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_1-1024x577.jpg 1024w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_1.jpg 1277w" width="300"/></a></p> </li> <li> <p>Prüfen Sie die Werte der Breite und Höhe der Karte in der Datei <strong>contact.tpl</strong> (Zeile <<span class="glossaryLink" data-cmtooltip='An <strong>iFrame</strong> (short for <strong>Inline Frame</strong>) is a frame used to embed some external elements into HTML code on your site. The most popular elements for which embed code can be used are the following: images, video, social icons, Google map, PDF files, etc. With the help of iFrame code you can embed one HTML file to the other. An example of external embed code looks as follows:<br/><iframe width="560" height="315" src="http://www.youtube.com/embed/b-9rHbghJBo" frameborder="0" allowfullscreen></iframe>In(...) <strong></strong>' onclick="window.open('http://l6dz.tsunoi-toso.com/help/glossary/iframe/', '_blank')">iframe width=”100%″ height=”200px″) und legen Sie die gleiche Größe für die neue Karte fest.<p></p> <p><a href="/help/wp-content/uploads/2014/08/screenshot_2.jpg" class="darkbox"><img alt="screenshot_2" class="aligncenter size-medium wp-image-36356" height="169" loading="lazy" sizes="(max-width: 300px) 100vw, 300px" src="/help/wp-content/uploads/2014/08/screenshot_2-300x169.jpg" srcset="http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_2-300x169.jpg 300w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_2-150x84.jpg 150w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_2-1024x577.jpg 1024w, http://l6dz.tsunoi-toso.com/help/wp-content/uploads/2014/08/screenshot_2.jpg 1279w" width="300"></a></p>

5. Kopieren Sie den Teil des HTML Codes von dem Tag <iframe … bis .

6. Jetzt fügen Sie den kopierten Code der Karte in die Datei contact.tpl anstatt des alten Codes ein. Speichern Sie die Änderungen und laden Sie die Datei auf den Server in den Ordner /catalog/view/theme/themeXXX/template/information zurück.

7. Aktualisieren Sie die Seite der Website, um die Änderungen anzuschauen.

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

OpenCart. Wie ändert man Koordinaten der Google Karte