How can I embed Google Maps on my stockists page in Dawn Theme?

shakespearecdls
Visitor
1 0 0

Hi, I'm trying to add google maps code to my stockists page to show locations of where to find my products. However I'm no code expert and seem out of my depth (tried searching forums etc but can't get the code to work.  Can anyone help?  This is the code taken from my Dawn Theme.  Thanks

 

{
"sections": {
"main": {
"type": "main-page",
"settings": {
"padding_top": 28,
"padding_bottom": 28
}
},
"image_with_text_yEbYXi": {
"type": "image-with-text",
"blocks": {
"heading_b3pxkD": {
"type": "heading",
"settings": {
"heading": "Interested in stocking our products?",
"heading_size": "h2"
}
},
"text_MGTAzw": {
"type": "text",
"settings": {
"text": "<p>We're always on the look out for amazing retailers or partners to collaborate with. Get in touch below.<\/p>",
"text_style": "body"
}
},
"button_NFGccJ": {
"type": "button",
"settings": {
"button_label": "Contact Us",
"button_link": "shopify:\/\/pages\/contact",
"button_style_secondary": false
}
}
},
"block_order": [
"heading_b3pxkD",
"text_MGTAzw",
"button_NFGccJ"
],
"settings": {
"image": "shopify:\/\/shop_images\/SCCsquare.svg",
"height": "adapt",
"desktop_image_width": "medium",
"layout": "image_first",
"desktop_content_position": "top",
"desktop_content_alignment": "left",
"content_layout": "no-overlap",
"section_color_scheme": "",
"color_scheme": "",
"image_behavior": "none",
"mobile_content_alignment": "left",
"padding_top": 36,
"padding_bottom": 36
}
}
},
"order": [
"main",
"image_with_text_yEbYXi"
],
<iframe
src="https://storage.googleapis.com/maps-solutions-qxph4svc4k/locator-plus/xh9x/locator-plus.html"
width="300"
height=“300”
style="border:0;”
allowfullscreen=“”
loading="lazy">
</iframe>
}

Reply 1 (1)

pawankumar
Shopify Partner
429 43 77

You can create a separate page and put your embed code

<iframe
src="https://storage.googleapis.com/maps-solutions-qxph4svc4k/locator-plus/xh9x/locator-plus.html"
width="300"
height=“300”
style="border:0;”
allowfullscreen=“”
loading="lazy">
</iframe>

there, also, you can create separate page template for your new stockist page
Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan