템플릿

템플릿은 온라인 스토어에 일관된 룩앤필을 제공할 수 있도록 구성된섹션모음입니다. 템플릿에서 사용 가능한 섹션은테마에 따라 다를 수 있습니다.테마 편집기에서 어떤 템플릿이 어떤 페이지에 적용되었는지 찾아보고 편집하여 고객에게 표시되는 정보를 사용자 지정할 수 있습니다.

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

템플릿은 총 1000개까지 사용할 수 있습니다.

템플릿 편집

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

단계:

1. 드롭다운 메뉴에서 편집할 템플릿을 선택합니다.
2. + 섹션 추가를 클릭한 다음 템플릿에 대한 새 섹션을 선택합니다.
3. 새 섹션을 클릭하여 해당 설정 및 옵션을 확인합니다.
4. 섹션이나 섹션 내 블록을 변경합니다.
5. 섹션이 제대로 표시되면저장을 클릭합니다.

새 템플릿 생성

일부 템플릿 유형은 스토어의 리소스를 사용하여 여러 페이지를 표시하는 데 사용할 수 있습니다. 이러한 템플릿 유형은 다음과 같습니다.

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

모든 테마에는 각 유형에 대한 기본 템플릿이 있습니다. 이 기본 템플릿은 대체 템플릿이 명시적으로 설정되지 않은 경우 리소스에서 사용하는 템플릿입니다.

템플릿에 적용하는 모든 변경 사항은 해당 템플릿을 사용하는 모든 페이지에 영향을 미치게 됩니다. 해당 유형의 일부 페이지를 다르게 표시하려는 경우 테마에 이미 존재하는 페이지를 기반으로 새 템플릿을 생성할 수 있습니다. 기존 템플릿에서 새 템플릿을 생성하면 동일한 섹션으로 새 템플릿이 자동으로 채워집니다. 그런 다음 편집하여 해당 유형의 다른 템플릿 표시에 영향을 주지 않고도 섹션을 제거, 추가 또는 숨길 수 있습니다.

단계:

1. 드롭다운 메뉴를 사용하여 템플릿을 선택합니다.+ 템플릿 생성을 클릭합니다.
2. 템플릿에 고유한 이름을 지정합니다.
3. 드롭다운 메뉴를 사용하여 새 템플릿을 기본으로 할 기존 템플릿을 선택합니다.
4. 템플릿 생성을 클릭합니다.

템플릿 미리 보기

템플릿 미리 보기를 사용하면 저장하거나 게시할 때 템플릿이 고객에게 다른 리소스로 표시되는 방법을 확인할 수 있습니다. 템플릿 미리 보기를 사용하여 다른 템플릿을 적용한 페이지나 제품이 표시되는 방법을 미리 볼 수 있습니다.

템플릿이 페이지 또는 제품 수준에 할당됩니다. 테마 편집기에서 템플릿을 생성하고 편집하지만 Shopify Admin에서는 페이지 또는 제품의 할당 템플릿을 변경합니다. 페이지 및 제품에 대해 여러 템플릿을 사용할 수 있습니다.

대체 템플릿 미리 보기

다른 템플릿이 적용된 페이지나 제품이 표시되는 방법을 미리 볼 수 있습니다.

단계:

1. 드롭다운 메뉴를 사용하여 템플릿을 선택합니다.
2. 사이드바에서변경을 클릭합니다.
3. 선택한템플릿으로미리보려는제품이나페이지를선택합니다。

새 템플릿 적용

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

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

할당된 템플릿 변경은 Shopify 관리자에서 수행됩니다. 템플릿은 개별 항목 수준에서 할당하거나대량 편집기를 사용하여 여러 항목에 할당할 수 있습니다. 이 작업은 테마 편집기 외부에서 수행됩니다.

단계:

1. 스토어 페이지의 제목을 클릭합니다.
2. 온라인 스토어섹션에서 드롭다운 메뉴를 사용하여 선택한 페이지에 적용할 새 테마 템플릿을 지정합니다.
3. 저장을 클릭합니다.

제품에 새 템플릿 적용

1. Shopify Admin에서제품으로 이동합니다.

2. 검색필터를사용하여변경할제품을찾거나기존제품 목록에서 제품을 클릭합니다.

3. 온라인 스토어섹션에서 드롭다운 메뉴를 사용하여 선택한 제품에 적용할 새 테마 템플릿을 지정합니다.

4. 저장을 클릭합니다.

컬렉션에 새 템플릿 적용

1. Shopify Admin에서제품 > 컬렉션으로 이동합니다.
2. 검색 필터를 사용하여 변경하려는 컬렉션을 찾거나 기존 컬렉션 목록에서 컬렉션을 클릭합니다.
3. 온라인 스토어섹션에서 드롭다운 메뉴를 사용하여 선택한 컬렉션에 적용할 새 테마 템플릿을 지정합니다.
4. 저장을 클릭합니다.

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

1. 검색필터를사용하여변경할블로그 게시물을 찾거나 기존 블로그 게시물 목록에서 제품을 클릭합니다.
2. 온라인 스토어섹션에서 드롭다운 메뉴를 사용하여 선택한 블로그 게시물에 적용할 새 테마 템플릿을 지정합니다.
3. 저장을 클릭합니다.

블로그에 새 템플릿 적용

1. 검색필터를사용하여변경할블로그를 찾거나 기존 블로그 목록에서 제품을 클릭합니다.
2. 온라인 스토어섹션에서 드롭다운 메뉴를 사용하여 선택한 블로그에 적용할 새 테마 템플릿을 지정합니다.
3. 저장을 클릭합니다.

대량 템플릿 변경

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

제품 대량 편집

1. Shopify Admin에서제품으로 이동합니다.
2. 검색 필터를 사용하여 변경하려는 제품을 찾습니다.

3. 여러 제품을 동시에 업데이트하려면 다음 단축키를 사용하십시오.

   • 여러 제품을 동시에 선택하고 편집하려면 편집할 품목의 확인란을 클릭합니다.
   • 제품 범위를 선택하려면 확인란을 클릭한 다음, Shift 키를 누른 상태에서 다른 제품 확인란을 클릭합니다.
   • 인접한 제품을 여러 개 선택하려면 품목을 클릭하여 선택한 다음, Shift 키를 누른 상태에서 다른 품목 확인란을 클릭합니다.

4. 대량 편집을 클릭합니다.

5. 대량 편집기에서열드롭다운 메뉴를 클릭한 다음일반섹션에서템플릿확인란을 클릭합니다.

6. 첫 번째 줄의 템플릿 필드를 클릭한 다음 Shift 키를 누른 상태에서 마지막 줄의 템플릿 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.

7. 드롭다운 메뉴를 사용하여 선택한 항목에 대한 새 템플릿을 선택합니다.

8. 저장을 클릭합니다.

컬렉션 대량 편집

1. Shopify Admin에서제품>컬렉션으로 이동합니다.
2. 검색필터를사용하여변경할컬렉션을 찾습니다.

3. 여러 컬렉션을 동시에 업데이트하려면 다음 단축키를 사용하십시오.

   • 여러 컬렉션을 동시에 선택하고 편집하려면 편집할 품목의 확인란을 클릭합니다.
   • 컬렉션 범위를 선택하려면 확인란을 클릭한 다음, Shift 키를 누른 상태에서 다른 컬렉션 확인란을 클릭합니다.
   • 인접한 컬렉션을 여러 개 선택하려면 품목을 클릭하여 선택한 다음, Shift 키를 누른 상태에서 다른 품목 확인란을 클릭합니다.

4. 대량 편집을 클릭합니다.

5. 대량 편집기에서열드롭다운 메뉴를 클릭한 다음일반섹션에서템플릿확인란을 클릭합니다.

6. 첫 번째 줄의 템플릿 필드를 클릭한 다음 Shift 키를 누른 상태에서 마지막 줄의 템플릿 필드를 클릭합니다. 선택한 항목 주변에 파란색 음영이 표시됩니다.

7. 드롭다운 메뉴를 사용하여 선택한 항목에 대한 새 템플릿을 선택합니다.

8. 저장을 클릭합니다.

템플릿 관리

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

템플릿 이름 바꾸기

1. Shopify Admin에서온라인 스토어>테마로 이동합니다.
2. 이름을 변경하려는 템플릿이 있는 테마를 찾은 다음,...버튼 >코드 편집을 클릭합니다.
3. 코드 편집기에서 템플릿 폴더를 찾습니다. 이름을 변경하려는 템플릿의 이름을 클릭한 다음,파일 이름 바꾸기를 클릭합니다.
4. 새 템플릿 이름을 입력하고파일 이름 바꾸기를 클릭하여 저장합니다.

템플릿 삭제

1. Shopify 관리자에서온라인 스토어>테마로 이동합니다.
2. 템플릿을 삭제하려는 테마를 찾은 다음...버튼 >코드 편집을 클릭합니다.
3. 코드 편집기에서 템플릿 폴더를 찾습니다. 삭제할 템플릿 이름을 클릭한 다음파일 삭제를 클릭합니다. 해당 템플릿에 할당된 리소스가 있는 경우 해당 리소스는 다른 템플릿을 할당할 때까지 기본 템플릿으로 표시됩니다.