미리 보기 검사기로 사용자 지정하기

미리 보기 검사기를 사용하면 미리 보기 창에서 직접 섹션 및 모듈로 이동하여 해당 설정을 더 빠르고 직관적으로 찾을 수 있습니다. 미리 보기 검사기를 통해 미리 보기 창에서 바로 섹션 및 모듈의 순서를 변경하거나 숨기거나 복제할 수 있습니다.

미리 보기 검사기는 Shopify의 모든 무료 테마에서 사용할 수 있으며 기본적으로 활성화되어 있습니다.

미리 보기 검사기 활성화 또는 비활성화

편집 세션 중에 Preview inspector 버튼을 클릭하여 미리 보기 검사기를 켜거나 끌 수 있습니다.

메뉴 표시줄의 토글로 미리 보기 검사기 켜기 또는 끄기

미리 보기 검사기가 활성화되면 윤곽선이 표시된 요소를 클릭하여 해당 설정을 열 수 있습니다. 모바일 장치에서 미리 보기 검사기가 활성화되면 요소를 클릭하여 해당 설정을 선택할 수 있습니다. 하단 시트를 열어 선택한 설정을 통해 편집할 수 있습니다.

텍스트 포함 이미지 섹션이 선택되어 있고 해당 설정이 사이드바에 로드된 미리 보기 검사기

미리 보기 창에서 웹사이트의 아무 부분이나 클릭하면 사이드바에 해당 설정이 로드됩니다. 모바일 장치에서는 두 번 탭하면 고객처럼 사이트를 탐색할 수 있습니다.

미리 보기 검사기에서 섹션 및 모듈 추가

미리 보기 검사기를 사용하는 동안 미리 보기 창에서 테마에 섹션과 모듈을 바로 추가할 수 있습니다. Shopify 앱에서 미리 보기 검사기를 사용하려면 섹션을 길게 눌러 섹션을 관리합니다.

미리 보기 검사기 섹션 추가 옵션

미리 보기 검사기 모듈 추가 옵션

미리 보기 검사기의 섹션 추가 및 모듈 추가 버튼에 대한 설명입니다.
도구설명
섹션 추가섹션 추가 버튼은 선택한 섹션의 상단과 하단에 표시됩니다. 섹션 추가 버튼을 클릭하여 선택한 섹션 위 또는 아래에 새 섹션을 삽입합니다.
모듈 추가모듈 추가 버튼은 기존 모듈 위로 마우스를 가져가면 표시됩니다. 모듈을 추가하려면 add 버튼 위로 커서를 이동하십시오. 선택한 섹션에 추가할 수 있는 테마 및 앱 모듈이 포함된 팝업 메뉴가 표시됩니다. 추가하려는 모듈을 클릭합니다. 새 모듈의 설정 창이 오른쪽 사이드바에 로드됩니다.

미리 보기 검사기 도구

미리 보기 검사기를 사용하여 테마 편집기에서 섹션 및 모듈을 이동, 숨기기, 복제 또는 삭제할 수 있습니다.

미리 보기 검사기 도구 세트

섹션 또는 모듈 이동, 복제, 숨기기, 삭제 등 사용 가능한 미리 보기 검사기 도구 목록입니다.
도구작업설명
이전 위치로 이동 버튼이전 위치로 이동이 버튼을 클릭하면 미리 보기 검사기의 화살표 아이콘을 사용하여 섹션이나 모듈을 다음 또는 이전 위치로 이동할 수 있습니다. 선택한 섹션이 페이지 상단에 있으면 Move to previous position 버튼이 회색으로 표시됩니다. 마찬가지로 섹션이 페이지 하단에 있으면 Move to next position 버튼을 사용할 수 없습니다.
다음 위치로 이동 버튼다음 위치로 이동
복제 버튼섹션 또는 모듈 복제이 버튼을 클릭하여 섹션 또는 모듈과 해당 콘텐츠를 복제합니다.
숨기기섹션 또는 모듈 숨기기이 버튼을 클릭하여 섹션 또는 모듈을 숨깁니다. 섹션 또는 모듈이 숨겨진 경우 미리 보기 검사기에서 다시 표시할 수 없습니다. 메뉴 모음의 undo 버튼을 클릭하거나 사이드바 메뉴에서 섹션 또는 모듈 옆의 hide 버튼을 클릭하여 다시 표시할 수 있습니다.
삭제 버튼섹션 또는 모듈 삭제이 버튼은 미리 보기 검사기에서 선택한 섹션 또는 모듈을 삭제합니다.