템플릿

템플릿은 온라인 스토어에 일관된 디자인과 느낌을 제공할 수 있도록 구성된 섹션 그룹입니다. 템플릿에서 사용 가능한 섹션은 테마에 따라 다릅니다. 테마 편집기에서 어떤 템플릿이 어떤 페이지에 적용되는지 확인한 다음 템플릿을 편집하여 고객에게 표시하는 정보를 맞춤 설정할 수 있습니다.

템플릿을 편집하면 템플릿을 사용하는 모든 페이지에 변경 사항이 적용됩니다. 예를 들어 컬렉션 템플릿에 뉴스레터 신청 양식을 추가하는 경우 기본 컬렉션 템플릿을 사용하는 모든 컬렉션 페이지에 뉴스레터 신청 양식이 표시됩니다.

이 페이지의 정보

템플릿 편집

템플릿을 편집하여 온라인 스토어에 섹션을 추가할 수 있습니다. 일부 섹션에는 추가로 맞춤 설정할 수 있는 블록이 포함되어 있지만, 모든 섹션이나 블록에 편집할 수 있는 설정이나 콘텐츠가 있는 것은 아닙니다. 템플릿을 편집하면 변경 사항이 테마 편집기 미리 보기에 실시간으로 표시됩니다.

단계:

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
홈페이지 드롭다운 메뉴를 클릭한 다음 편집하려는 템플릿을 선택합니다.
템플릿에 새 섹션을 추가하려면 섹션 추가를 클릭한 다음 템플릿에 대한 새 섹션을 선택합니다.
선택 사항: 새 섹션에 블록을 추가하려면 블록 추가를 클릭한 다음 섹션에 대한 새 블록을 선택합니다.
새 섹션과 블록을 클릭하여 설정 및 옵션을 확인한 다음 변경합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭한 다음 편집하려는 템플릿을 선택합니다.
템플릿에 새 섹션을 추가하려면 섹션 > 섹션 추가를 탭하고 템플릿에 대한 새 섹션을 선택한 다음 추가를 탭합니다.
선택 사항: 새 섹션에 블록을 추가하려면 블록 추가를 탭한 다음 섹션에 대한 새 블록을 선택합니다.
새 섹션과 블록을 탭하여 설정 및 옵션을 확인한 다음 변경합니다.
저장을 탭합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭한 다음 편집하려는 템플릿을 선택합니다.
템플릿에 새 섹션을 추가하려면 섹션 > 섹션 추가를 탭하고 템플릿에 대한 새 섹션을 선택한 다음 추가를 탭합니다.
선택 사항: 새 섹션에 블록을 추가하려면 블록 추가를 탭한 다음 섹션에 대한 새 블록을 선택합니다.
새 섹션과 블록을 탭하여 설정 및 옵션을 확인한 다음 변경합니다.
✓를 탭합니다.

새 템플릿 생성 시 고려 사항

새 템플릿을 생성하기 전에 다음 고려 사항을 검토하세요.

제품, 컬렉션, 페이지, 블로그 및 블로그 게시물에 대해 여러 개의 템플릿을 가질 수 있지만 총 1,000개의 템플릿만 가질 수 있습니다.
Online Store 2.0 테마로만 새 템플릿을 생성할 수 있습니다.
모든 테마에는 컬렉션, 제품, 블로그, 블로그 게시물 및 페이지에 대한 기본 템플릿이 있습니다. 대체 템플릿을 생성하지 않는 한 스토어의 리소스 및 콘텐츠는 이러한 기본 템플릿으로 표시됩니다.
템플릿에 적용하는 모든 변경 사항은 해당 템플릿을 사용하는 모든 페이지에 영향을 미칩니다. 특정 유형의 일부 페이지를 다르게 표시하려는 경우 테마에 이미 존재하는 템플릿을 기반으로 새 템플릿을 생성할 수 있습니다.
기존 템플릿에서 새 템플릿을 생성하면 새 템플릿은 자동으로 기존 템플릿과 동일한 섹션으로 채워집니다. 그런 다음 기존 템플릿을 사용하는 페이지 표시에 영향을 미치지 않고 섹션을 제거, 추가 또는 숨길 수 있으며, 필요한 경우 콘텐츠를 편집할 수 있습니다.

새 템플릿 생성

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
홈페이지 드롭다운 메뉴를 클릭하고 템플릿 유형을 선택한 다음 템플릿 생성을 클릭합니다.
템플릿 생성 대화 상자에서 다음을 수행합니다.
- 이름 필드에 새 템플릿의 고유한 이름을 입력합니다.
- 기준 드롭다운 메뉴에서 새 템플릿의 기반으로 삼을 기존 템플릿을 선택합니다.
템플릿 생성을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭하고 템플릿 유형을 선택한 다음 템플릿 생성을 탭합니다.
템플릿 생성 대화 상자에서 다음을 수행합니다.
- 이름 필드에 새 템플릿의 고유한 이름을 입력합니다.
- 기준 드롭다운 메뉴에서 새 템플릿의 기반으로 삼을 기존 템플릿을 선택합니다.
템플릿 생성을 탭합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭하고 템플릿 유형을 선택한 다음 템플릿 생성을 탭합니다.
템플릿 생성 대화 상자에서 다음을 수행합니다.
- 이름 필드에 새 템플릿의 고유한 이름을 입력합니다.
- 기준 드롭다운 메뉴에서 새 템플릿의 기반으로 삼을 기존 템플릿을 선택합니다.
템플릿 생성을 탭합니다.

새 템플릿을 생성한 후에는 템플릿을 사용하려는 온라인 스토어 페이지에 템플릿을 적용할 수 있습니다.

메타 객체용 템플릿 생성

메타 객체용 웹 페이지에 대한 템플릿을 생성할 수 있습니다. 이 기능을 사용하려면 다음 단계를 완료하세요.

상점 액세스 권한이 있는 메타 객체 정의를 생성하고 원한다면 웹 페이지 기능을 수동으로 활성화합니다. 테마 템플릿을 생성할 때 테마 편집기로 웹 페이지 기능을 활성화합니다.
메타 객체 정의를 위한 항목을 생성합니다.

이제 테마 편집기에서 메타 객체 템플릿을 생성할 수 있습니다.

템플릿 미리 보기

템플릿 미리 보기를 사용하여 다른 템플릿이 적용된 온라인 스토어 리소스(제품 및 페이지 등)가 고객에게 표시되는 방식을 미리 볼 수 있습니다.

템플릿은 제품, 컬렉션, 페이지, 블로그 또는 블로그 게시물 수준에서 할당됩니다. 테마 편집기에서 템플릿을 생성하고 편집하지만 Shopify 관리자에서 리소스에 할당된 템플릿을 변경합니다.

템플릿 미리 보기 고려 사항

서로 다른 온라인 스토어 리소스에 대한 템플릿을 미리 볼 때는 다음 세부 정보를 고려하세요.

테마 편집기에서 제품 템플릿을 미리 볼 때는 활성 상태 또는 초안 상태인 제품을 사용할 수 있지만 보관됨 상태인 제품은 미리 볼 수 없습니다.
테마 편집기에서 컬렉션 템플릿을 미리 볼 때는 컬렉션에 온라인 스토어가 판매 채널로 활성화되어 있는지 확인해야 합니다. 컬렉션에 온라인 스토어가 판매 채널로 활성화되지 않은 경우 테마 편집기에서 컬렉션 템플릿을 사용하여 해당 컬렉션을 미리 볼 수 없습니다.
테마 편집기에서 페이지 템플릿을 미리 볼 때는 표시 여부가 표시됨 또는 숨겨짐으로 설정된 페이지를 사용할 수 있습니다.
테마 편집기에서 블로그 게시물 템플릿을 미리 볼 때는 표시 여부가 표시됨 또는 숨겨짐으로 설정된 블로그 게시물을 사용할 수 있습니다.

블로그에는 다른 상태나 표시 여부 매개 변수가 없으므로 블로그 템플릿을 사용하여 온라인 스토어에 게시된 모든 블로그를 미리 볼 수 있습니다.

대체 템플릿 미리 보기

다른 템플릿이 적용된 제품, 컬렉션, 페이지, 블로그 또는 블로그 게시물이 표시되는 방식을 미리 볼 수 있습니다.

단계:

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
템플릿을 미리 보려는 테마를 찾은 다음 맞춤 설정을 클릭합니다.
홈페이지 드롭다운 메뉴를 클릭한 다음 사용하려는 템플릿을 선택합니다.
테마 편집기 사이드바의 미리 보기 섹션에서 변경을 클릭합니다.
선택한 템플릿을 사용하여 미리 보려는 리소스를 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
템플릿을 미리 보려는 테마를 찾은 다음 맞춤 설정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭한 다음 사용하려는 템플릿을 선택합니다.
템플릿을 사용하여 미리 볼 리소스를 선택하려면 드롭다운 메뉴를 다시 탭합니다.
온라인 스토어 검색 필드에 선택한 템플릿을 사용하여 미리 보려는 리소스의 이름을 입력합니다.
검색 결과 목록에서 리소스를 선택합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
모든 테마 관리를 탭합니다.
템플릿을 미리 보려는 테마를 찾은 다음 맞춤 설정을 탭합니다.
홈페이지 드롭다운 메뉴를 탭한 다음 사용하려는 템플릿을 선택합니다.
템플릿을 사용하여 미리 볼 리소스를 선택하려면 드롭다운 메뉴를 다시 탭합니다.
온라인 스토어 검색 필드에 선택한 템플릿을 사용하여 미리 보려는 리소스의 이름을 입력합니다.
검색 결과 목록에서 리소스를 선택합니다.

새 템플릿 적용

게시된 테마에서 다음 섹션에 대해 할당된 템플릿을 변경할 수 있습니다.

페이지
제품
컬렉션
블로그
블로그 게시물

Shopify 관리자에서 할당된 템플릿을 변경합니다. 표시되는 템플릿 옵션은 현재 라이브 테마에서만 사용 가능한 템플릿을 기반으로 합니다.

제품 및 컬렉션에 대한 템플릿은 개별 항목 수준에서 할당하거나 대량 편집기를 사용하여 여러 항목에 동시에 할당할 수 있습니다.

페이지에 새 템플릿 적용

데스크톱

Shopify Admin에서 온라인 스토어 > 페이지로 이동합니다.
새 템플릿을 적용하려는 페이지를 클릭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 클릭한 다음 페이지에 적용하려는 템플릿을 선택합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
페이지를 탭합니다.
새 템플릿을 적용하려는 페이지를 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 페이지에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
페이지를 탭합니다.
새 템플릿을 적용하려는 페이지를 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 페이지에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

제품에 새 템플릿 적용

데스크톱

Shopify 관리자에서 제품으로 이동합니다.
새 템플릿을 적용하려는 제품을 클릭합니다.
테마 템플릿 섹션에서 드롭다운 메뉴를 클릭한 다음 제품에 적용하려는 템플릿을 선택합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 제품 > 모든 제품을 탭합니다.
새 템플릿을 적용하려는 제품을 탭합니다.
온라인 스토어 템플릿을 탭합니다.
제품에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

Android

Shopify 앱에서 제품 > 모든 제품을 탭합니다.
새 템플릿을 적용하려는 제품을 탭합니다.
온라인 스토어 템플릿을 탭합니다.
제품에 적용하려는 템플릿을 선택합니다.
✓를 탭합니다.

컬렉션에 새 템플릿 적용

Shopify Admin에서 제품 > 컬렉션으로 이동합니다.
템플릿을 적용하려는 컬렉션을 클릭합니다.
테마 템플릿 섹션에서 드롭다운 메뉴를 클릭한 다음 컬렉션에 적용하려는 템플릿을 선택합니다.
저장을 클릭합니다.

블로그에 새 템플릿 적용

데스크톱

Shopify 관리자에서 온라인 스토어 > 블로그 게시물로 이동합니다.
블로그 관리를 클릭합니다.
템플릿을 적용하려는 블로그를 클릭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 클릭한 다음 블로그에 적용하려는 템플릿을 선택합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
블로그 게시물을 탭합니다.
… > 블로그 관리를 탭합니다.
템플릿을 적용하려는 블로그를 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 블로그에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
블로그 게시물을 탭합니다.
… > 블로그 관리를 탭합니다.
템플릿을 적용하려는 블로그를 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 블로그에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

블로그 게시물에 새 템플릿 적용

데스크톱

Shopify 관리자에서 온라인 스토어 > 블로그 게시물로 이동합니다.
템플릿을 적용하려는 블로그 게시물을 클릭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 클릭한 다음 블로그에 적용하려는 템플릿을 선택합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
블로그 게시물을 탭합니다.
템플릿을 적용하려는 블로그 게시물을 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 블로그 게시물에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

Android

Shopify 앱에서 ☰ 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
블로그 게시물을 탭합니다.
템플릿을 적용하려는 블로그 게시물을 탭합니다.
온라인 스토어 섹션에서 테마 템플릿 드롭다운 메뉴를 탭한 다음 블로그 게시물에 적용하려는 템플릿을 선택합니다.
저장을 탭합니다.

대량으로 제품 또는 컬렉션에 새 템플릿 적용

대량 편집기를 사용하여 여러 제품이나 컬렉션에 새 템플릿을 대량으로 적용할 수 있습니다.

대량으로 제품에 새 템플릿 적용

Shopify 관리자에서 제품으로 이동합니다.
여러 제품을 동시에 편집하려면 다음 중 하나를 수행합니다.
- 제품을 하나씩 선택하려면 각 제품의 확인란을 선택합니다.
- 제품 범위를 선택하려면 제품을 클릭하여 선택한 다음 Shift 키를 누른 상태에서 다른 제품을 클릭합니다. 이렇게 하면 처음과 마지막으로 클릭한 제품을 포함하여 그 사이의 제품이 모두 선택됩니다.
- 페이지의 모든 제품을 선택하려면 제품 목록 상단의 확인란을 선택합니다.
- 스토어에서 모든 제품을 선택하려면 제품 목록 상단의 확인란을 선택한 다음 이 스토어에서 모두 선택을 클릭합니다.
대량 편집을 클릭합니다.
대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿을 선택합니다.
템플릿 열의 첫 번째 필드를 클릭한 다음 Shift 키를 누른 상태에서 템플릿 열의 마지막 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.
선택한 첫 번째 필드를 클릭한 다음 드롭다운 메뉴에서 원하는 템플릿을 선택한 다음 저장을 클릭합니다.

대량으로 컬렉션에 새 템플릿 적용

Shopify Admin에서 제품 > 컬렉션으로 이동합니다.
여러 컬렉션을 동시에 편집하려면 다음 중 하나를 수행합니다.
- 컬렉션을 하나씩 선택하려면 각 컬렉션의 확인란을 선택합니다.
- 컬렉션 범위를 선택하려면 컬렉션을 클릭하여 선택한 다음 Shift 키를 누른 상태에서 다른 컬렉션을 클릭합니다. 이렇게 하면 처음과 마지막으로 클릭한 컬렉션을 포함하여 그 사이의 컬렉션이 모두 선택됩니다.
- 페이지의 모든 컬렉션을 선택하려면 컬렉션 목록 상단의 확인란을 선택합니다.
- 스토어에서 모든 컬렉션을 선택하려면 컬렉션 목록 상단의 확인란을 선택한 다음 이 스토어에서 모두 선택을 클릭합니다.
대량 편집을 클릭합니다.
대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿을 선택합니다.
템플릿 열의 첫 번째 필드를 클릭한 다음 Shift 키를 누른 상태에서 템플릿 열의 마지막 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.
선택한 첫 번째 필드를 클릭한 다음 드롭다운 메뉴에서 원하는 템플릿을 선택한 다음 저장을 클릭합니다.

템플릿 관리

템플릿의 이름을 변경하거나 템플릿을 삭제하려면 코드 편집기를 사용해야 합니다. 템플릿 파일을 편집하면 온라인 스토어에 문제가 발생할 수 있습니다.

템플릿을 삭제하면 해당 템플릿이 할당되어 있던 모든 온라인 스토어 리소스는 다른 템플릿을 할당할 때까지 기본 템플릿으로 표시됩니다.

템플릿 이름 바꾸기

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
이름을 변경하려는 템플릿이 있는 테마를 찾은 다음 ... > 코드 편집을 클릭합니다.
코드 편집기에서 템플릿 폴더를 찾습니다.
이름을 변경하려는 템플릿 이름을 클릭한 다음 연필 아이콘을 클릭합니다.
파일 이름 바꾸기 대화 상자에서 파일 이름 필드에 새 템플릿 이름을 입력합니다.
파일 이름 바꾸기를 클릭합니다.

템플릿 삭제

Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.
템플릿을 삭제하려는 테마를 찾은 다음 … > 코드 편집을 클릭합니다.
코드 편집기에서 템플릿 폴더를 찾습니다.
삭제하려는 템플릿 이름을 클릭한 다음 휴지통 아이콘을 클릭합니다.
대화 상자에서 파일 삭제를 클릭합니다.