Shopify 지도 위젯

테마 섹션이 Shopify 앱보다 나은 이유

대부분의 “지도 앱”은 설치, 스토어 데이터 접근 권한, 월 사용료를 요구합니다. 결국 iframe 하나를 위해서 말이죠. 이것은 정직한 대안입니다. 내 테마 안에 들어가는 Liquid 파일 하나입니다. 스토어 권한을 요청하지 않고, 페이지에 스크립트를 추가하지 않으며, 어디로도 정보를 보내지 않고, 비용도 없습니다. 방문자가 보내는 외부 요청은 whatismylocation.ai의 샌드박스 지도 iframe과 그 OpenStreetMap 타일뿐입니다. Google 쿠키도, 동의 배너 부담도 없습니다. 서비스에 접속할 수 없는 상황이 오더라도 iframe은 조용히 실패하며 페이지를 망가뜨리지 않습니다. 섹션 파일을 삭제하면 모든 흔적이 사라집니다.

whatismylocation-shopify-sections.zip 다운로드 — 두 섹션과 README, 단 몇 킬로바이트입니다. 그다음 아래 설치 단계를 따라 하세요.

약 2분이면 설치 완료

두 단계입니다: 파일을 한 번 붙여넣고, 그다음 기본 제공 섹션처럼 사용하세요.

파일 붙여넣기: Shopify 관리자 ▸ 온라인 스토어 ▸ 테마 ▸ ⋯ ▸ 코드 편집. 왼쪽 사이드바의 섹션 아래에서 새 섹션 추가를 클릭하고 이름을 whatismylocation-map으로 지정하세요. 미리 들어 있는 내용을 지우고 whatismylocation-map.liquid의 전체 내용을 붙여넣습니다. 맨 아래의 {% schema %} 블록이 설정 패널을 만들어 주므로 반드시 함께 붙여넣어야 합니다. 저장하세요.

사용하기: 테마 편집기(사용자 지정)를 열고 연락처 페이지(또는 아무 페이지)로 이동한 뒤 섹션 추가를 누르고 WhatIsMyLocation Map을 선택하세요. 설정 패널이 왼쪽에 나타납니다. 좌표를 입력하기 전까지는 무엇이 필요한지 정확히 알려 주는 안내 자리표시자가 섹션에 표시됩니다.

좌표는 지도 임베드 빌더에서 가져오세요 — 주소를 입력하고, 복사하기 전에 핀을 입구 위로 드래그하세요. 섹션에는 최종 좌표가 그대로 들어가므로 나중에 핀이 움직일 일은 없습니다.

지점은 블록입니다

여러 지점을 운영하는 스토어에 가장 좋은 부분입니다. 테마 편집기에서 각 지점은 블록입니다 — 지점 추가를 누르고 위도, 경도, 이름, 주소를 입력하세요. 드래그로 순서를 바꿀 수 있고 최대 10곳까지 가능합니다. 지도는 모든 지점에 맞게 자동으로 맞춰지고, 핀에는 목록과 같은 번호가 붙습니다. 방문자에게는 위치 패널이 표시됩니다 — 데스크톱에서는 지도 옆의 아코디언, 휴대폰에서는 옆으로 넘기는 카드 스트립이며, 지점별 길찾기와 “Google 지도 / Apple 지도에서 열기” 아이콘(선택)이 함께 제공됩니다. 패널 배치(auto, 측면, 하단, 없음)와 전환 애니메이션(부드럽게, 페이드, 활발하게, 없음 — 모션 감소 설정을 쓰는 방문자는 항상 즉시 전환됩니다)은 같은 패널의 드롭다운에서 고릅니다.

모든 설정 한눈에

같은 zip에는 whatismylocation-widget.liquid도 들어 있습니다 — 내 위치 찾기 위젯을 두 번째 섹션(테마, 컴팩트/전체 모드, 높이)으로 제공하며, 배송 안내 페이지와 매장 찾기에 쓰기 좋습니다.

문제 해결

섹션 추가 목록에 섹션이 보이지 않습니다. 파일은 섹션에 있어야 하며 Snippets나 Assets가 아닙니다. 그리고 붙여넣기에 파일 전체가 포함되어야 합니다. {% schema %} 블록이 잘렸다면 Shopify가 섹션을 거부하거나 숨깁니다. 파일 전체를 다시 붙여넣고 저장하세요.

저장할 때 “Invalid schema” 오류가 납니다. 일부만 붙여넣은 경우입니다 — 맨 아래까지 선택하면서 한 줄을 빼먹어 닫는 중괄호가 빠진 경우가 가장 많습니다. 파일 전체를 다시 붙여넣으세요. Liquid를 잘 알지 않는다면 스키마를 직접 손대지 마세요.

지도가 회색으로만 보입니다. 지도 타일은 tile.openstreetmap.org에서 옵니다. 공격적인 광고 차단기나 회사 네트워크가 이를 막을 수 있습니다. 모바일 데이터를 쓰는 휴대폰에서 확인해 보세요 — 고객에게는 거의 확실히 정상으로 보입니다.

핀이 우리 가게 문 앞에 없습니다. 빌더에서 좌표를 다시 만들고, 핀을 입구 위로 드래그한 뒤 새 값을 섹션 설정에 붙여넣으세요.

수정한 내용이 실제 스토어에 보이지 않습니다. 초안이나 미게시 테마를 수정한 것입니다 — 게시된 테마에서 변경하세요(또는 수정한 테마를 게시하세요). 위젯 자체에는 캐시될 것이 없습니다.