테마 편집기 업데이트
Shopify의 테마 편집기가 더 빠르고 강력하며 사용하기 쉽게 재구축되었습니다.
새 테마 편집기에는 별도 작업이 없이도 액세스할 수 있습니다. 스토어가 새 테마 편집기에 액세스할 수 있으면 업데이트된 테마 편집기 기능이 자동으로 수신됩니다.
이 업데이트에서는 아래에 설명된 기능에만 액세스할 수 있으며 Unite에서 발표된 다른 Online Store 2.0의 기능은 포함되지 않습니다. 이러한 기능을 사용할 수 있는 Online Store 2.0 테마는 몇 개월 내에 출시될 예정입니다.
사이드바 개선
새 테마 편집기의 사이드바 디자인이 업데이트되었습니다.
이제 편집기에는 현재 사이드바에서 보고 있는 템플릿의 모든 콘텐츠에 대한 트리 뷰가 표시됩니다. 섹션을 클릭하여 해당 블록 및 설정에 액세스하는 대신 ▸ 펼치기 아이콘을 사용하여 섹션 노드를 펼치면 해당 블록을 볼 수 있으며 ▾ 접기 아이콘을 사용하여 섹션 노드를 접으면 블록을 숨길 수 있습니다. 섹션 또는 블록을 클릭하여 해당 설정을 볼 수 있습니다.
사이드바 모드
이제 편집기에서 두 가지 모드를 사용하여 화면의 공간을 모두 활용할 수 있습니다.
이중 사이드바 모드 는 넓은 브라우저 창과 대형 화면에서 사용되며, 단일 사이드바 모드 는 브라우저 창이 좁고 작은 화면에서 사용됩니다. 사이드바 모드에 따라 편집기에서 설정 패널의 위치가 결정됩니다.
이중 사이드바 모드
화면 폭이 1600픽셀보다 크고 브라우저 창이 전체 크기로 열려 있거나 최소 1600픽셀로 확장된 경우 사이드바가 두 개로 표시됩니다. 왼쪽 사이드바에는 탐색 패널이 포함되고 오른쪽 사이드바에는 설정 패널이 포함됩니다.
단일 사이드바 모드
폭이 좁은 브라우저에는 테마 미리 보기를 위한 공간을 절약하기 위해 하나의 사이드바만 있습니다. 섹션 또는 블록을 클릭하여 편집할 때는 설정 패널이 사이드바의 탐색 패널 위에 열립니다.
섹션 및 블록
섹션 및 블록 목록에서 페이지 내 섹션의 모든 블록이 기본적으로 표시됩니다. 이전 테마 편집기에서는 섹션을 선택해야 블록이 표시되었습니다.
머리글이나 바닥글을 구성하는 섹션은 기본적으로 축소되어 표시되지만, 섹션 이름 옆에 있는 확장 아이콘 ▸을 클릭하면 해당 섹션을 볼 수 있습니다.
섹션 제거
이제 각 항목의 설정 화면에서 템플릿의 섹션 또는 블록을 삭제할 수 있습니다. 섹션 제거 버튼은 섹션 설정 하단에 표시됩니다.
단계:
- 테마 편집기 사이드바에서 제거할 섹션이나 블록을 클릭합니다.
- 섹션 제거 또는 블록 제거를 클릭합니다.
- 저장을 클릭합니다. 게시된 테마를 편집 중인 경우 게시를 클릭하면 변경 사항이 저장되고 스토어에 라이브로 게시됩니다.
블록 숨기기
눈 아이콘을 사용하면 섹션이나 블록을 숨길 수 있습니다.
템플릿
이제 테마 편집기 상단 표시줄의 페이지 선택기에서 모든 테마 템플릿에 액세스할 수 있습니다.
Online Store 2.0 테마를 사용 중인 경우 새 템플릿 옵션을 클릭하면 페이지 선택기에서 새 템플릿을 바로 생성할 수도 있습니다.
특정 리소스가 포함된 템플릿 미리 보기
템플릿을 볼 때 스토어의 호환 가능한 리소스가 템플릿 내에서 어떻게 보이는지 확인할 수 있습니다. 예를 들어, 제품 템플릿을 보는 경우 스토어의 모든 제품을 사용하여 테스트할 수 있습니다.
단계:
- 테마 편집기의 페이지 선택기에서 미리 보려는 템플릿을 선택합니다.
- 탐색 패널의 미리 보기 섹션에서 변경을 클릭합니다.
- 선택 메뉴에서 미리 보려는 리소스를 선택합니다.
작업 실행 취소 및 다시 실행
실행 취소 및 다시 실행 버튼이 테마 편집기 오른쪽 상단으로 이동했습니다.
문서 보기, 지원 받기 및 테마 버전 확인하기
테마 문서 및 지원 정보 링크가 메뉴 모음의 기타 ⋯ 메뉴로 이동되었습니다. 이 메뉴에서는 테마 버전 및 작성자 정보를 확인할 수 있습니다.
이전에는 이 정보를 테마 작업 메뉴에서 액세스할 수 있었습니다.
