Project portfolio Browse selected work

Shopify Plus Upgrade Monthly Fee Reduction + Up to $4800 Development Fee Credit - Exclusive WesWoo Offer

Developer modules / Content, brand and partnerships

Content, brand and partnerships

Connect real articles, business identity, locations and partnership information.

Store cards, addresses and maps

Render readable names, addresses, opening hours and contact information before map navigation. Use one location record for filters and markers.

Data and dependencies

  • shop.custom.public_stores: list.metaobject_reference.
  • name/address/opening_hours are text; map_url is an approved URL.

Interaction logic

  • Keep addresses readable without the map.
  • Synchronize list and markers after city selection.
Example code · snippets/ww-store-list.liquid
Liquid · WESWOO
{% assign stores = shop.metafields.custom.public_stores.value %}
<ul>
  {% for store in stores %}
    <li>
      <h2>{{ store.name.value | escape }}</h2>
      <p>{{ store.address.value | escape }}</p>
      <p>{{ store.opening_hours.value | escape }}</p>
      {% if store.map_url.value != blank %}
        <a href="{{ store.map_url.value | escape }}">Open the map for {{ store.name.value | escape }}</a>
      {% endif %}
    </li>
  {% endfor %}
</ul>

Acceptance checks

  • Check actual address, timezone, hours and destination.
  • Check phone map links and map failures.

Do not create locations without actual records. Integrate third-party maps according to project privacy and performance requirements.

Read it, integrate it, verify it

  1. Choose a module and confirm the data contract.
  2. Connect the fragment to the current theme or framework.
  3. Check real variants, markets and recovery states.

Examples target Shopify Online Store 2.0 themes. Headless has separate data and version boundaries. Integrate fragments with actual fields, theme components and locale files.

Architecture references

Original educational examples with Shopify documentation and pinned upstream references. Follow the applicable license when adopting repository code.

Shopify/dawn · Licensecommit 3e9ee2281dc4 · Shopify-integration theme license; architecture reference without copying the implementation.
Shopify/hydrogen · Licensecommit 9e358a2462ba · MIT; retain copyright and license when using substantial code.

References checked 2026-11-12