본문으로 건너뛰기
ASSETby WEMASHUP
에셋 관리
Osmo 에셋
개별 자료

Product Hotspot Modal

제품의 특정 지점을 선택해 관련 정보를 모달로 보여주는 구성입니다.

원본 사이트 열기 (새 탭)

공개 소개를 정리한 카탈로그입니다. 설명도는 기능 이해를 위한 자체 제작 도식이며 Osmo 원본 화면이 아닙니다. 원본 미리보기와 회원별 코드 접근은 공식 사이트에서 확인하세요.

+→INFO제품의 지점 → 선택 → 상세 정보
기능 설명도 · 자체 제작

이럴 때 사용하세요

제품의 부위나 특징을 이미지와 연결해 설명할 때 참고합니다.

적용 순서

  1. 설명할 지점을 추린 뒤 각 지점과 정보 창의 관계를 정리합니다.

자료 설명

어떻게 동작하는가

제품의 지점 → 선택 → 상세 정보

관찰할 점

제품 맥락을 유지하면서 세부 정보를 더하는 방식을 관찰하세요.

원본 분류

Dropdowns & Information

접근 범위

공개 소개를 확인했습니다. 원본 데모와 코드, Webflow 자료의 회원별 접근 조건은 공식 사이트에서 확인하세요. 사용자 계정과 개별 무료 제공 여부는 확인하지 않았습니다.

적용 전 확인할 점

모달 포커스 이동·복귀, Escape 닫기, 대체 설명
원본 코드 실행과 접근성·반응형 품질은 검증하지 않았습니다.

출처 자료 모음

Osmo 자료 모음 보기

직접 복사하기

복사가 허용되지 않았습니다. 아래 내용을 선택해 복사하세요.

섹션 이미지

원본 사이트 ↗