작은 화면과 터치 상호작용에 최적화된 양식을 사용하여 모바일 장치에서 카탈로그 항목과 서비스를 주문합니다.
카탈로그 항목 구성요소에 대한 모바일 응답
카탈로그 항목 구성요소는 모바일 장치에 표시될 때 레이아웃을 자동으로 조정합니다. 이 모바일 반응형 디자인은 터치 친화적인 옵션, 재구성된 양식 필드 및 참조 번호에 대한 손쉬운 액세스를 통해 최적화된 주문 환경을 제공합니다.
모바일 장치를 통해 Web Embeddables 카탈로그 항목에 액세스하면 구성요소가 화면 크기를 감지하고 모바일 화면 크기에 맞게 양식 레이아웃을 조정합니다. 양식이 로드되는 동안 콘텐츠가 표시되는 위치를 보여주는 시각적 자리 표시자가 표시됩니다. 양식 필드, 드롭다운 메뉴 및 버튼이 재구성되어 모바일 장치에서 더 나은 사용성을 제공합니다. 양식을 제출하면 시스템에서 탭 한 번으로 복사할 수 있는 참조 번호를 생성합니다. 복사(복사 ) 아이콘을 선택하면 참조 번호가 클립보드에 복사되고 아이콘이 체크( ) 아이콘으로 바뀝니다. 틱( ) 아이콘을 선택하면 클립보드에 복사됨 메시지가 표시되며, 이 메시지는 3초 후에 사라지고 틱( ) 아이콘은 복사본(복사 ) 아이콘으로 되돌아갑니다.그림 1. 카탈로그 항목 구성요소 모바일 뷰
핵심 기능
주요 기능은 다음과 같습니다.
적응형 양식 레이아웃: 양식 필드는 모바일 화면 너비에 맞게 자동으로 재구성되고 래핑됩니다. 구성요소는 장치에 따라 필드 열을 조정하여 가독성과 입력 용이성을 유지합니다.
터치 최적화 선택기: 드롭다운 메뉴는 모바일 장치에서 터치 기반 선택을 쉽게 할 수 있는 하단 시트 슬라이드업 패널로 열립니다. 이렇게 하면 작은 드롭다운 컨트롤로 어려움을 겪지 않고도 옵션을 더 쉽게 선택할 수 있습니다.
복사 기능: 양식을 제출한 후 탭 한 번으로 참조 번호를 복사할 수 있습니다. 번호가 클립보드에 성공적으로 복사되면 복사 버튼에 확인 표시가 표시됩니다.
시각적 피드백: 양식이 로드되는 동안 모바일 인터페이스에는 시각적 자리 표시자가 표시되며, 참조 번호 복사와 같은 작업을 완료하면 명확하게 확인할 수 있습니다.