Map embed

How to install on your store

1. 1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2. 2Open Online Store > Themes > Edit code and create a new file under Sections using the file name shown above.
3. 3Paste the complete file - markup, styles and JavaScript are already inside the single file, nothing else to install.
4. 4Open the theme editor, add the section to a template, and replace the example values using the section settings.
5. 5Preview the storefront and test it on a phone-sized screen before publishing.

1<div class="gpl-map">2  {%- if section.settings.heading != blank -%}3    <h2 class="gpl-map__heading">{{ section.settings.heading }}</h2>4  {%- endif -%}5  <iframe6    class="gpl-map__frame"7    src="https://www.google.com/maps?q={{ section.settings.query | url_encode }}&output=embed"8    loading="lazy"9    referrerpolicy="no-referrer-when-downgrade"10    title="Store location map"></iframe>11</div>12 13{% schema %}14{