If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 4. How to change Google map location (based on the shortcode)

This tutorial is going to show you how to change the location of the Google Map in CherryFramework 4 based templates.

In CherryFramework 4 based templates Google Map on the contacts page is primarily loaded via cherry "Google Map" shortcode. To change the location of the Google Map displayed via shortcode, you should perform the following steps:

  1. Log in your WordPress admin panel and navigate to the Pages menu. Find and open your contacts page from the list of pages.

    cherryframework4_how_to_change_google_map_location_based_on_the_shortcode1

  2. In the page text area you will see the "cherry_google_map" shortcode. This shortcode can look 2 ways:

    • cherryframework4_how_to_change_google_map_location_based_on_the_shortcode2

      If your Google Map shortcode looks this way, you just need to change geo_address="new york" attribute value in the shortcode. For example, if you want to display London city on your Google Map, you need to change "new york" to "london" in this shortcode. The edited shortcode will look the following way:

    • cherryframework4_how_to_change_google_map_location_based_on_the_shortcode3

      If your Google Map shortcode looks this way, you need to change lat_value="40.7055651" and lng_value="-74.1180861" attributes values in the shortcode.

      For example, if you want to display London city on your Google Map, you need to get your city coordinates (latitude and longitude). To do this, you should follow these steps:

      1. Go to https://www.google.com/maps, enter your city name or the full physical address in the search field and click search icon or push "Enter" button on your keyboard (see the screenshot):

        cherryframework4_how_to_change_google_map_location_based_on_the_shortcode4

      2. Click on the menu icon at the left side of the search bar and select the Share or embed map menu from the list.

        cherryframework4_how_to_change_google_map_location_based_on_the_shortcode5

      3. In the appeared window in the Share link tab you will see a similar link: https://www.google.com/maps/place/London,+UK/@51.5285582,-0.2416797,11z/data=!4m2!3m1!1s0x47d8a00baf21de75:0x52963a5addd52a99

        You will need to copy 2 numeric comma-separated values after the at-sign @ from the link, where the first value is a latitude ("51.5285582" in or case) and the second value is a longitude ("-0.2416797" in our case).

        cherryframework4_how_to_change_google_map_location_based_on_the_shortcode6

      Then paste the copied values for the corresponding attributes in the Google Map shortcode in your page editor. The edited shortcode will look the following way:

  3. After everything is done, press the Update button in the left column of the page editor to save the changes.

  4. Refresh your site to see the changes. The Google Map location on the Contacts page was changed successfully.

This is the end of the tutorial. Now you know how to change the location of the Google Map loaded via cherry shortcode in CherryFramework 4 based templates.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to change Google map location (based on the shortcode)