Media with Text Section: Canopy Theme - Embed Map?

Store Design
1

Hello, I have the Canopy theme and I would like to have the additional option to embed a Google Map location where the image is. Can this be done? I have checked out the Map section, but I do not want to use Google API Key. Please advise.

URL: https://gamekastle.myshopify.com/pages/game-kastle-santa-clara
Passcode: gameon

2

@cid_gk i can help you out for this pm me.

3

In the Canopy theme, embedding a Google Map location without using a Google API Key directly in the image section may not be supported out-of-the-box. However, you can try an alternative approach by using an HTML section to embed the Google Map on your desired page.

Here’s a step-by-step guide to achieving this:

  1. Access the theme editor: Go to your Shopify admin, navigate to “Online Store” and click on “Themes.” Locate your Canopy theme and click on the “Customize” button.

  2. Add an HTML section: In the theme editor, click on “Add section” or “Add content” to find the available sections. Look for the “Custom HTML” or “HTML” section and add it to your desired page.

  3. Insert the Google Map code: Inside the HTML section, you can insert the code to embed the Google Map. You can generate the Google Map code using the Google Maps Embed API (https://developers.google.com/maps/documentation/embed/get-started) or other third-party map embedding tools. Customize the map’s location, size, and any other desired settings.

  4. Save and publish: After adding the Google Map code to the HTML section, save the changes and publish the theme.

By using the HTML section, you have more flexibility in embedding custom content, including Google Maps, without relying on specific theme features or the Google API Key integration provided by the theme. However, please note that manually embedding the Google Map through HTML may require some technical knowledge or assistance from a developer if you’re not familiar with HTML coding.

4

Thank you, but I also want to have a text area to the right of it, as seen
on my website linked above. Can you help me with the code to input after
the embed HTML to do this?–
Best Regards,
Cid Nguyen

E-Commerce Specialist
www.GameKastle.com <>
Email: cid@gamekastle.com
Phone: (650) 441-6878
#gamekastle

5

Thank you, but I also want to have a text area to the right of it, as seen
on my website linked above. Can you help me with the code to input after
the embed HTML to do this?