템플릿

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

테마에는 다양한 유형의 콘텐츠에 대한 템플릿이 포함되어 있습니다. 이러한 템플릿 유형에는 Shopify 관리자의 각 영역에서 동적으로 콘텐츠를 가져오는 섹션과 블록이 포함됩니다. 예를 들어, 테마의 제품 페이지 템플릿은 Shopify 관리자의 제품 섹션에서 온라인 스토어에 게시된 각 제품에 대한 페이지를 생성합니다.

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

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

기본 템플릿

각 기본 템플릿에는 테마 편집기에서 편집하고 맞춤 설정할 수 있는 자체 기본 섹션과 설정이 있습니다. 예를 들어 제품 페이지에는 기본적으로 제품 정보 섹션과 관련 제품 섹션이 있습니다. 각 테마의 특정 맞춤 설정은 테마 개발자와 테마 버전에 따라 다릅니다. 테마 버전을 찾는 방법에 대해 자세히 알아보십시오.

템플릿은 테마에서 기본적으로 사용할 수 있습니다.

제품

테마의 제품 페이지에는 스토어에서 판매하는 제품에 대한 정보와 고객이 제품을 구매할 수 있는 위치가 표시됩니다.

기본적으로 제품 페이지의 테마 편집기에는 제품 정보 섹션과 관련 제품 섹션이 있습니다.

제품 정보 섹션에는 제목, 설명, 가격, 이미지 등 제품의 세부 정보가 표시됩니다. Shopify 관리자의 제품 페이지에서 제품을 관리할 수 있습니다.

컬렉션

테마의 컬렉션 페이지에는 Shopify 관리자의 제품 > 컬렉션 페이지에서 생성한 컬렉션이 표시됩니다. 특정 제품을 카테고리별로 함께 그룹화합니다. 자동 컬렉션과 수동 컬렉션을 사용할 수 있습니다.

기본적으로 컬렉션 페이지의 테마 편집기에는 컬렉션 배너 섹션과 제품 그리드 섹션이 있습니다.

컬렉션 목록

컬렉션 목록 페이지에는 Online Store 판매 채널에서 사용할 수 있는 모든 컬렉션이 표시됩니다. 예를 들어, 주얼리 스토어를 운영하는 경우 고객이 반지나 목걸이와 같은 주얼리 유형별로 찾아볼 수 있도록 메뉴에 컬렉션 목록 페이지로 연결되는 링크를 추가할 수 있습니다. 각 카테고리에 대한 컬렉션을 생성해야 합니다.

기프트 카드

기프트 카드를 생성하거나 고객이 기프트 카드 제품을 주문하면 기프트 카드 금액이나 잔액, 사용 코드와 같은 해당 기프트 카드의 세부 정보가 기프트 카드 페이지에 포함됩니다.

기프트 카드 페이지는 테마의 일부입니다. 테마를 맞춤 설정하여 기프트 카드 페이지에 포함된 스타일과 정보를 추가하거나 조정할 수 있습니다.

기프트 카드 금액 및 기프트 카드 사용 코드는 맞춤 설정할 수 없습니다.

페이지

Shopify 관리자에서 사용자 지정 페이지를 만들어 회사 소개 페이지나 제품에 대한 추가 정보 등 고객을 위한 콘텐츠를 생성할 수 있습니다.

카트 페이지

온라인 스토어의 카트 페이지는 고객이 카트에 추가한 품목을 검토하는 곳입니다.

기본적으로 카트 페이지의 테마 편집기에는 품목 섹션과 소계 섹션이 있습니다.

블로그

온라인 스토어의 블로그 페이지는 Shopify 관리자에서 생성한 모든 블로그의 홈페이지이며 해당 블로그에 게시된 모든 블로그 게시물을 포함합니다.

기본적으로 블로그 페이지의 테마 편집기에는 블로그 게시물 섹션이 포함되어 있습니다.

블로그 게시물

온라인 스토어의 블로그 게시물 페이지에는 Shopify 관리자의 콘텐츠 > 블로그 게시물 페이지에서 생성한 블로그 게시물의 콘텐츠가 표시됩니다. 기본적으로 블로그 게시물 페이지의 테마 편집기에는 블로그 게시물 섹션이 있습니다.

검색 페이지

검색 페이지는 고객이 온라인 스토어 내에서 특정 제품, 페이지 또는 블로그 게시물을 검색하고 찾을 수 있는 곳입니다.

기본적으로 검색 페이지의 테마 편집기에는 검색 결과 섹션이 포함되어 있습니다.

검색 결과 섹션 설정 외에 검색 동작에 대한 일부 테마 설정을 확인하고 맞춤 설정할 수 있으며, 섹션별 사용자 지정 CSS를 추가할 수도 있습니다.

비밀번호 페이지

Shopify 관리자의 Online Store > 기본 설정 페이지에서 스토어를 비밀번호로 보호하도록 설정할 수 있습니다. 스토어가 비밀번호로 보호되는 경우 온라인 스토어 방문자에게 비밀번호 페이지가 표시됩니다. 비밀번호 페이지 템플릿에는 고유한 머리글과 바닥글이 있습니다. 테마 편집기에서 비밀번호 페이지 템플릿을 맞춤 설정할 수 있습니다.

404 페이지

404 페이지는 고객이 사이트에서 존재하지 않는 링크(예: 스토어에서 삭제한 제품의 제품 페이지)를 방문하려고 할 때 표시됩니다.

이 페이지에는 맞춤 설정할 수 있는 설정이 없지만 테마 편집기에서 404 페이지에 섹션별 사용자 지정 CSS를 추가할 수 있습니다.

템플릿 편집

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

단계:

새 템플릿 생성 시 고려 사항

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

• 제품, 컬렉션, 페이지, 블로그, 블로그 게시물에 대해 여러 템플릿을 사용할 수 있지만 전체 템플릿은 총 1,000개로 제한됩니다.
• 새 템플릿은 호환되는 테마에서만 생성할 수 있습니다.
• 모든 테마에는 컬렉션, 제품, 블로그, 블로그 게시물, 페이지에 대한 기본 템플릿이 있습니다. 대체 템플릿을 생성하지 않는 한, 이 기본 템플릿을 사용하여 스토어의 리소스와 콘텐츠가 표시됩니다.
• 템플릿을 변경하면 해당 템플릿을 사용하는 모든 페이지에 영향을 미칩니다. 특정 유형의 페이지 중 일부를 다르게 표시하려면 테마에 이미 있는 템플릿을 기반으로 새 템플릿을 생성할 수 있습니다.
• 기존 템플릿으로 새 템플릿을 생성하면 새 템플릿에 기존 템플릿과 동일한 섹션이 자동으로 채워집니다. 이후 기존 템플릿을 사용하는 페이지의 표시에 영향을 주지 않으면서 필요에 따라 섹션을 제거, 추가 또는 숨기거나 콘텐츠를 편집할 수 있습니다.

새 템플릿 생성

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

메타 객체용 템플릿 생성

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

1. 스토어프런트 액세스 권한이 있는 메타 객체 정의를 생성하고, 선택적으로 웹 페이지 기능을 수동으로 활성화합니다. 테마 템플릿을 생성하면 테마 편집기에서 웹 페이지 기능이 활성화됩니다.
2. 메타 객체 정의에 대한 항목을 생성합니다.

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

템플릿 미리 보기

템플릿 미리 보기를 사용하여 제품 및 페이지와 같은 온라인 스토어 리소스에 다른 템플릿을 적용했을 때 고객에게 어떻게 표시되는지 미리 볼 수 있습니다.

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

템플릿 미리 보기 시 고려 사항

다양한 온라인 스토어 리소스에 대한 템플릿을 미리 볼 때 다음 세부 정보를 고려하십시오.

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

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

대체 템플릿 미리 보기

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

단계:

특정 리소스 미리 보기

스토어의 호환되는 모든 리소스에서 템플릿이 어떻게 표시되는지 미리 볼 수 있습니다. 예를 들어 제품 템플릿을 보는 경우 스토어의 모든 제품으로 테스트할 수 있습니다.

여전히 Shopify 관리자에서 리소스에 템플릿을 할당해야 합니다.

페이지 선택기, 섹션 추가 또는 블록 추가 도구, 앱 임베드의 검색 창을 사용하여 템플릿 및 리소스를 검색할 수도 있습니다.

단계:

1. Shopify 관리자에서 Online Store > 테마로 이동합니다.

2. 편집하려는 테마 옆의 테마 편집을 클릭하십시오.

3. 템플릿 메뉴에서 미리 보려는 템플릿을 선택하십시오.

4. 사이드바 메뉴의 미리 보기 섹션에서 변경을 클릭하십시오.

5. 선택 메뉴에서 미리 보려는 리소스를 선택하십시오.

새 템플릿 적용

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

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

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

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

페이지에 새 템플릿 적용

제품에 새 템플릿 적용

컬렉션에 새 템플릿 적용

1. Shopify 관리자에서 제품 > 컬렉션으로 이동하십시오.

2. 템플릿을 적용할 컬렉션을 클릭하십시오.

3. 테마 템플릿 섹션에서 드롭다운 메뉴를 클릭한 다음 컬렉션에 적용할 템플릿을 선택하십시오.

4. 저장을 클릭하십시오.

블로그에 새 템플릿 적용

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

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

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

제품에 새 템플릿 대량 적용

1. Shopify 관리자에서 제품으로 이동하십시오.

2. 동시에 여러 제품을 편집하려면 다음 중 하나를 수행하십시오.

   • 제품을 하나씩 선택하려면 각 제품의 확인란을 선택하십시오.
   • 제품 범위를 선택하려면 제품을 클릭하여 선택한 다음 shift 키를 누른 상태에서 다른 제품을 클릭하십시오. 이렇게 하면 클릭한 첫 번째 제품과 마지막 제품 및 그 사이의 모든 제품이 선택됩니다.
   • 페이지의 모든 제품을 선택하려면 제품 목록 상단에 있는 확인란을 선택하십시오.
   • 스토어의 모든 제품을 선택하려면 제품 목록 상단에 있는 확인란을 선택한 다음 이 스토어에서 모두 선택을 클릭하십시오.

3. 대량 편집을 클릭하십시오.

4. 대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿을 선택하십시오.

5. 템플릿 열의 첫 번째 필드를 클릭한 다음 Shift 키를 누른 채로 템플릿 열의 마지막 필드를 클릭하십시오. 선택한 항목 주위에 파란색 음영이 표시됩니다.

6. 선택한 첫 번째 필드를 클릭한 다음 드롭다운 메뉴에서 원하는 템플릿을 선택하고 저장을 클릭하십시오.

컬렉션에 새 템플릿 일괄 적용하기

1. Shopify 관리자에서 제품 > 컬렉션으로 이동하십시오.

2. 여러 컬렉션을 동시에 편집하려면 다음 중 하나를 수행하십시오.

   • 컬렉션을 하나씩 선택하려면 각 컬렉션의 확인란을 선택하십시오.
   • 컬렉션 범위를 선택하려면 컬렉션을 클릭하여 선택한 다음 Shift 키를 누른 상태에서 다른 컬렉션을 클릭하십시오. 이렇게 하면 처음과 마지막에 클릭한 컬렉션 및 그 사이의 모든 컬렉션이 선택됩니다.
   • 페이지의 모든 컬렉션을 선택하려면 컬렉션 목록 상단의 확인란을 선택하십시오.
   • 스토어의 모든 컬렉션을 선택하려면 컬렉션 목록 상단의 확인란을 선택한 다음 이 스토어의 전체 선택을 클릭하십시오.

3. 대량 편집을 클릭하십시오.

4. 대량 편집기에서 열 드롭다운 메뉴를 클릭한 다음 일반 섹션에서 템플릿을 선택하십시오.

5. 템플릿 열의 첫 번째 필드를 클릭한 다음 Shift 키를 누른 채로 템플릿 열의 마지막 필드를 클릭하십시오. 선택한 항목 주위에 파란색 음영이 표시됩니다.

6. 선택한 첫 번째 필드를 클릭한 다음 드롭다운 메뉴에서 원하는 템플릿을 선택하고 저장을 클릭하십시오.

템플릿 관리

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

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

템플릿 이름 바꾸기

1. Shopify 관리자에서 Online Store > 테마로 이동합니다.

2. 이름을 바꿀 템플릿이 포함된 테마를 찾은 다음 … > 코드 편집을 클릭하십시오.

3. 코드 편집기에서 templates 폴더를 찾으십시오.

4. 이름을 바꿀 템플릿 파일을 마우스 오른쪽 버튼으로 클릭한 다음 드롭다운 메뉴에서 이름 바꾸기...를 선택하십시오.

5. 파일의 새 이름을 입력하십시오.

6. 키보드에서 Enter 키를 누르십시오.

템플릿 삭제하기

1. Shopify 관리자에서 Online Store > 테마로 이동합니다.

2. 템플릿을 삭제할 테마를 찾은 다음 … > 코드 편집을 클릭하십시오.

3. 코드 편집기에서 templates 폴더를 찾으십시오.

4. 삭제할 템플릿 파일을 마우스 오른쪽 버튼으로 클릭한 다음 드롭다운 메뉴에서 영구 삭제를 선택하십시오.

5. 삭제를 클릭하십시오.