테마 편집

테마를 편집하여 온라인 스토어의 콘텐츠, 레이아웃, 입력 체계 및 색상을 사용자 지정할 수 있습니다. 각 테마에는 코드를 편집하지 않고도 스토어의 디자인을 변경할 수 있는 섹션과 설정이 제공됩니다.

테마 사용자 지정 전 확인 사항

테마를 사용자 지정하기 전에 다음 작업을 수행하는 것이 좋습니다.

  • 테마를 복제하여 백업 복사본을 생성합니다. 복사본이 있으면 필요 시 손쉽게 변경 사항을 취소하거나 다시 시작할 수 있습니다.
  • 사용 가능한 지원 수준을 파악해 둡니다.
  • 이미지 업로드 요구 사항 및 모범 사례를 확인합니다.

테마 편집기

테마 편집기에는 현재 사이드바에 보이는 템플릿의 모든 콘텐츠에 대한 트리 뷰가 표시됩니다. 확장 아이콘()을 사용하여 섹션 노드를 확장하면 해당 블록을 볼 수 있으며, 축소 아이콘()을 사용하면 블록이 숨겨집니다. 섹션 또는 블록을 클릭하면 해당 섹션의 설정이 열립니다.

섹션을 확대 및 축소하여 블록 보기

사이드바 모드

화면의 모든 공간을 활용할 수 있도록 테마 편집기에는 두 가지 모드가 제공됩니다.

이중 사이드바 모드 는 넓은 브라우저 창과 대형 화면에서 사용되며, 단일 사이드바 모드 는 브라우저 창이 좁고 작은 화면에서 사용됩니다. 사이드바 모드에 따라 편집기에서 설정 패널의 위치가 결정됩니다.

이중 사이드바 모드

화면 폭이 1600픽셀보다 크고 브라우저 창이 전체 크기로 열려 있거나 최소 1600픽셀로 확장된 경우 사이드바가 두 개로 표시됩니다. 왼쪽 사이드바에는 탐색 패널이 포함되고 오른쪽 사이드바에는 설정 패널이 포함됩니다.

이중 사이드바 모드에서는 설정 패널이 화면 오른쪽에 표시됩니다.

단일 사이드바 모드

폭이 좁은 브라우저에는 테마 미리 보기 공간을 남겨두기 위해 사이드바가 하나만 사용됩니다. 섹션 또는 블록을 클릭하여 편집하면 설정 패널이 사이드바의 탐색 패널 위로 열립니다.

단일 사이드바 모드에서는 설정 패널이 탐색 패널에 오버레이되어 표시됩니다.

섹션 및 블록

섹션 및 블록 목록에는 페이지 내 섹션의 모든 블록이 기본적으로 표시됩니다.

머리글이나 바닥글을 구성하는 섹션은 기본적으로 축소되어 표시되지만, 섹션 이름 옆에 있는 확장 아이콘 을 클릭하면 해당 섹션을 볼 수 있습니다.

섹션 제거

각 품목의 설정 화면에서 템플릿의 섹션 또는 블록을 삭제할 수 있습니다. 섹션 제거 버튼은 섹션 설정 하단에 표시됩니다.

섹션 제거 버튼을 사용하여 섹션 제거하기

단계:

  1. 테마 편집기 사이드바에서 제거할 섹션이나 블록을 클릭합니다.
  2. 섹션 제거 또는 블록 제거를 클릭합니다.
  3. 저장을 클릭합니다. 게시된 테마를 편집 중인 경우 게시를 클릭하면 변경 사항이 저장되고 스토어에 라이브로 게시됩니다.

블록 숨기기

눈 아이콘을 사용하면 섹션이나 블록을 숨길 수 있습니다.

섹션 제거 버튼을 사용하여 섹션 제거하기

템플릿

테마 편집기 상단 표시줄의 페이지 선택기에서 모든 테마 템플릿에 액세스할 수 있습니다.

Online Store 2.0 테마를 사용 중인 경우 새 템플릿 옵션을 클릭하면 페이지 선택기에서 새 템플릿을 바로 생성할 수도 있습니다.

특정 리소스가 포함된 템플릿 미리 보기

템플릿을 볼 때 스토어의 호환 가능한 리소스가 템플릿 내에서 어떻게 보이는지 확인할 수 있습니다. 예를 들어, 제품 템플릿을 보는 경우 스토어의 모든 제품을 사용하여 테스트할 수 있습니다.

단계:

  1. 테마 편집기의 페이지 선택기에서 미리 보려는 템플릿을 선택합니다.
  2. 탐색 패널의 미리 보기 섹션에서 변경을 클릭합니다.
  3. 선택 메뉴에서 미리 보려는 리소스를 선택합니다.

작업 실행 취소 및 다시 실행

실행 취소다시 실행 버튼은 테마 편집기의 오른쪽 상단에 있습니다.

테마 편집기의 상단 표시줄에 있는 실행 취소 및 다시 실행 버튼입니다.

문서 보기, 지원 받기 및 테마 버전 확인하기

테마 문서 및 지원 정보 링크는 메뉴 모음의 기타 메뉴에서 확인할 수 있습니다. 이 메뉴에서는 테마 버전 및 작성자 정보도 확인할 수 있습니다.

상세 버튼을 사용하여 테마 정보에 액세스합니다.

사용자 지정 관련 지원

테마 변경 관련 지원이 필요한 경우 테마 개발자에게 문의할 수 있습니다.

테마 사용자 지정과 관련하여 사용 가능한 다른 리소스는 테마 지원용 추가 리소스를 참조하십시오.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험