템플릿
템플릿은 온라인 스토어에 일관된 룩앤필을 제공할 수 있도록 구성된 섹션 모음입니다. 템플릿에서 사용 가능한 섹션은 테마에 따라 다를 수 있습니다. 테마 편집기에서 어떤 템플릿이 어떤 페이지에 적용되었는지 찾아보고 편집하여 고객에게 표시되는 정보를 사용자 지정할 수 있습니다.
템플릿을 편집하면 해당 페이지 템플릿을 사용하는 모든 페이지에 변경 사항이 적용됩니다. 예를 들어, 컬렉션 템플릿에 뉴스레터 신청 양식을 추가하는 경우 기본 컬렉션 템플릿을 사용하는 모든 컬렉션 페이지에 뉴스레터 신청 양식이 표시됩니다.
템플릿은 총 1000개까지 사용할 수 있습니다.
템플릿 편집
템플릿을 편집하여 온라인 스토어에 섹션을 추가할 수 있습니다. 일부 섹션에는 추가로 사용자 지정할 수 있는 블록이 포함되어 있지만 모든 섹션이나 블록에 편집할 수 있는 설정이나 콘텐츠가 있는 것은 아닙니다. 템플릿을 편집하면 변경 사항이 테마 미리 보기 창에 실시간으로 표시됩니다.
단계:
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 템플릿 드롭다운 메뉴에서 편집할 템플릿 을 선택합니다.
- + 섹션 추가를 클릭한 다음 템플릿에 대한 새 섹션을 선택합니다.
- 새 섹션을 클릭하여 해당 설정 및 옵션을 확인합니다.
- 섹션이나 섹션 내 블록을 변경합니다.
- 섹션이 제대로 표시되면 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴에서 편집할 템플릿 을 선택합니다.
- + 섹션 추가를 클릭한 다음 템플릿에 대한 새 섹션을 선택합니다.
- 새 섹션을 클릭하여 해당 설정 및 옵션을 확인합니다.
- 섹션이나 섹션 내 블록을 변경합니다.
- 섹션이 제대로 표시되면 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴에서 편집할 템플릿 을 선택합니다.
- + 섹션 추가를 클릭한 다음 템플릿에 대한 새 섹션을 선택합니다.
- 새 섹션을 클릭하여 해당 설정 및 옵션을 확인합니다.
- 섹션이나 섹션 내 블록을 변경합니다.
- 섹션이 제대로 표시되면 저장을 클릭합니다.
새 템플릿 생성
일부 템플릿 유형은 스토어의 리소스를 사용하여 여러 페이지를 표시하는 데 사용할 수 있습니다. 이러한 템플릿 유형은 다음과 같습니다.
- 컬렉션
- 제품
- 블로그
- 블로그 게시물
- 페이지
모든 테마에는 각 유형에 대한 기본 템플릿이 있습니다. 이 기본 템플릿은 대체 템플릿이 명시적으로 설정되지 않은 경우 리소스에서 사용하는 템플릿입니다.
템플릿에 적용하는 모든 변경 사항은 해당 템플릿을 사용하는 모든 페이지에 영향을 미치게 됩니다. 해당 유형의 일부 페이지를 다르게 표시하려는 경우 테마에 이미 존재하는 페이지를 기반으로 새 템플릿을 생성할 수 있습니다. 기존 템플릿에서 새 템플릿을 생성하면 동일한 섹션으로 새 템플릿이 자동으로 채워집니다. 그런 다음 편집하여 해당 유형의 다른 템플릿 표시에 영향을 주지 않고도 섹션을 제거, 추가 또는 숨길 수 있습니다.
단계:
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다. + 템플릿 생성을 클릭합니다.
- 템플릿에 고유한 이름을 지정합니다.
- 템플릿 드롭다운 메뉴를 사용하여 새 템플릿을 기본으로 할 기존 템플릿을 선택합니다.
- 템플릿 생성을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다. + 템플릿 생성을 클릭합니다.
- 템플릿에 고유한 이름을 지정합니다.
- 템플릿 드롭다운 메뉴를 사용하여 새 템플릿을 기본으로 할 기존 템플릿을 선택합니다.
- 템플릿 생성을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다. + 템플릿 생성을 클릭합니다.
- 템플릿에 고유한 이름을 지정합니다.
- 템플릿 드롭다운 메뉴를 사용하여 새 템플릿을 기본으로 할 기존 템플릿을 선택합니다.
- 템플릿 생성을 클릭합니다.
메타 객체용 템플릿 생성
메타 객체용 웹 페이지에 대한 템플릿을 생성할 수 있습니다.
이 기능을 사용하려면 다음 단계를 완료해야 합니다.
- 상점 액세스 권한이 있는 메타 객체 정의를 생성하고 원한다면 웹 페이지 기능을 수동으로 활성화합니다. 테마 템플릿을 생성할 때 테마 편집기로 웹 페이지 기능을 활성화합니다.
- 메타 객체 정의를 위한 항목을 생성합니다.
이제 테마 템플릿을 생성할 수 있습니다.
단계:
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 페이지 상단에서 페이지 선택기를 엽니다.
- 메타 객체 템플릿 생성을 클릭합니다. 대화 상자에서 템플릿에 사용할 메타 객체를 클릭합니다. 메타 객체 필드를 어떤 페이지 제목과 메타 설명에 사용할지 편집할 수 있고 검색 엔진 목록 섹션에서 URL 핸들을 편집할 수 있습니다. 템플릿은 자동으로 메타 객체 정의와 같은 이름으로 지어집니다.
- 템플릿 생성을 클릭합니다.
- 템플릿을 생성한 후 섹션 추가, 블록 추가 및 설정 편집을 추가하여 템플릿을 사용자 지정할 수 있습니다. 다이나믹 소스를 사용하여 메타 객체 정의 필드를 연결할 수 있습니다. 예를 들어 이미지를 가지고 홍보대사를 위한 페이지를 생성하는 경우 텍스트 포함 이미지에 추가한 다음 동적 소스 아이콘을 클릭하여 메타 객체 항목을 연결하면 됩니다.
- 저장을 클릭합니다.
템플릿 미리 보기
템플릿 미리 보기를 사용하면 저장하거나 게시할 때 템플릿이 고객에게 다양한 리소스를 표시하는 방식을 테스트할 수 있습니다. 템플릿 미리 보기를 사용하여 다른 템플릿이 적용된 페이지나 제품이 표시되는 방식을 미리 볼 수 있습니다.
템플릿이 페이지 또는 제품 수준에 할당됩니다. 테마 편집기에서 템플릿을 생성하고 편집하지만 Shopify Admin에서는 페이지 또는 제품의 할당 템플릿을 변경합니다. 페이지 및 제품에 대해 여러 템플릿을 사용할 수 있습니다.
대체 템플릿 미리 보기
다른 템플릿이 적용된 페이지나 제품이 표시되는 방식을 미리 볼 수 있습니다.
단계:
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다.
- 사이드바에서 변경을 클릭합니다.
- 선택한 템플릿으로 미리 보려는 제품이나 페이지를 선택합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다.
- 사이드바에서 변경을 클릭합니다.
- 선택한 템플릿으로 미리 보려는 제품이나 페이지를 선택합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 테마 관리를 탭합니다.
- 편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
- 템플릿을 탭합니다.
- 템플릿 드롭다운 메뉴를 사용하여 템플릿을 선택합니다.
- 사이드바에서 변경을 클릭합니다.
- 선택한 템플릿으로 미리 보려는 제품이나 페이지를 선택합니다.
새 템플릿 적용
게시된 테마에서 다음 섹션에 대해 할당된 템플릿을 변경할 수 있습니다.
- 페이지
- 제품
- 컬렉션
- 블로그
- 블로그 게시물
할당된 템플릿 변경은 Shopify 관리자에서 수행됩니다. 표시되는 템플릿 옵션은 현재 라이브 테마에서 사용 가능한 템플릿을 기반으로 합니다.
제품 및 컬렉션 템플릿은 개별 항목 수준에서 할당하거나 대량 편집기를 사용하여 여러 항목에 할당할 수 있습니다. 이 작업은 테마 편집기 외부에서 수행됩니다.
페이지에 새 템플릿 적용
- Shopify Admin에서 온라인 스토어 > 페이지로 이동합니다.
- 스토어 페이지의 제목을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 페이지에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 페이지를 탭합니다.
- 스토어 페이지의 제목을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 페이지에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 페이지를 탭합니다.
- 스토어 페이지의 제목을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 페이지에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
제품에 새 템플릿 적용
Shopify 관리자에서 제품으로 이동합니다.
검색 필터를 사용하여 변경할 제품을 찾거나 기존 제품 목록에서 제품을 클릭합니다.
온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 제품에 적용할 새 테마 템플릿을 지정합니다.
저장을 클릭합니다.
컬렉션에 새 템플릿 적용
- Shopify Admin에서 제품 > 컬렉션으로 이동합니다.
- 검색 필터를 사용하여 변경하려는 컬렉션을 찾거나 기존 컬렉션 목록에서 컬렉션을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 컬렉션에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
블로그 게시물에 새 템플릿 적용
- Shopify Admin에서 온라인 스토어 > 블로그 게시물로 이동합니다.
- 검색 필터를 사용하여 변경할 블로그 게시물을 찾거나 기존 블로그 게시물 목록에서 제품을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 블로그 게시물에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 블로그 게시물을 탭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 블로그 게시물을 탭합니다.
블로그에 새 템플릿 적용
- Shopify Admin에서 온라인 스토어 > 블로그 게시물로 이동합니다.
- 블로그 관리를 클릭합니다.
- 검색 필터를 사용하여 변경할 블로그를 찾거나 기존 블로그 목록에서 제품을 클릭합니다.
- 온라인 스토어 섹션에서 드롭다운 메뉴를 사용하여 선택한 블로그에 적용할 새 테마 템플릿을 지정합니다.
- 저장을 클릭합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 블로그 게시물을 탭합니다.
- 블로그 게시물 옆의 ... 버튼을 탭한 다음 블로그 관리를 선택합니다.
- Shopify 앱에서 … 버튼을 탭합니다.
- 판매 채널 섹션에서 온라인 스토어를 탭합니다.
- 블로그 게시물을 탭합니다.
- 블로그 게시물 옆의 ... 버튼을 탭한 다음 블로그 관리를 선택합니다.
대량 템플릿 변경
대량 편집기를 사용하여 새 템플릿을 여러 제품이나 컬렉션에 동시에 적용할 수 있습니다.
제품 대량 편집
- Shopify 관리자에서 제품으로 이동합니다.
- 검색 필터를 사용하여 변경하려는 제품을 찾습니다.
-
여러 제품을 동시에 업데이트하려면 다음 단축키를 사용하십시오.
- 여러 제품을 동시에 선택하고 편집하려면 편집할 품목의 확인란을 클릭합니다.
- 제품 범위를 선택하려면 확인란을 클릭한 다음, Shift 키를 누른 상태에서 다른 제품 확인란을 클릭합니다.
- 인접한 제품을 여러 개 선택하려면 품목을 클릭하여 선택한 다음, Shift 키를 누른 상태에서 다른 품목 확인란을 클릭합니다.
대량 편집을 클릭합니다.
대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿 확인란을 클릭합니다.
첫 번째 줄의 템플릿 필드를 클릭한 다음 Shift 키를 누른 상태에서 마지막 줄의 템플릿 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.
드롭다운 메뉴를 사용하여 선택한 항목에 대한 새 템플릿을 선택합니다.
저장을 클릭합니다.
컬렉션 대량 편집
- Shopify Admin에서 제품 > 컬렉션으로 이동합니다.
- 검색 필터를 사용하여 변경할 컬렉션을 찾습니다.
-
여러 컬렉션을 동시에 업데이트하려면 다음 단축키를 사용하십시오.
- 여러 컬렉션을 동시에 선택하고 편집하려면 편집할 품목의 확인란을 클릭합니다.
- 컬렉션 범위를 선택하려면 확인란을 클릭한 다음, Shift 키를 누른 상태에서 다른 컬렉션 확인란을 클릭합니다.
- 인접한 컬렉션을 여러 개 선택하려면 품목을 클릭하여 선택한 다음, Shift 키를 누른 상태에서 다른 품목 확인란을 클릭합니다.
대량 편집을 클릭합니다.
대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿 확인란을 클릭합니다.
첫 번째 줄의 템플릿 필드를 클릭한 다음 Shift 키를 누른 상태에서 마지막 줄의 템플릿 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.
드롭다운 메뉴를 사용하여 선택한 항목에 대한 새 템플릿을 선택합니다.
저장을 클릭합니다.
템플릿 관리
템플릿의 이름을 변경하거나 삭제하려면 코드 편집기를 사용해야 합니다. 템플릿 파일을 편집하면 온라인 스토어에 문제가 발생할 수 있습니다.
템플릿 이름 바꾸기
- Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
- 이름을 변경하려는 템플릿이 있는 테마를 찾은 다음, ... 버튼 > 코드 편집을 클릭합니다.
- 코드 편집기에서 템플릿 폴더를 찾습니다. 이름을 변경하려는 템플릿의 이름을 클릭한 다음, 파일 이름 바꾸기를 클릭합니다.
- 새 템플릿 이름을 입력하고 파일 이름 바꾸기를 클릭하여 저장합니다.
템플릿 삭제
- Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.
- 템플릿을 삭제하려는 테마를 찾은 다음 ... 버튼 > 코드 편집을 클릭합니다.
- 코드 편집기에서 템플릿 폴더를 찾습니다. 삭제할 템플릿 이름을 클릭한 다음 파일 삭제를 클릭합니다. 해당 템플릿에 할당된 리소스가 있는 경우 해당 리소스는 다른 템플릿을 할당할 때까지 기본 템플릿으로 표시됩니다.