Supply 섹션

테마 콘텐츠는 섹션을 사용하여 작성됩니다. 섹션은 사용자 지정 가능한 콘텐츠 블록으로, 온라인 스토어에서 다양한 페이지의 레이아웃과 모양을 결정합니다. 업데이트된 테마 편집기를 사용하여 섹션을 추가, 제거, 편집 및 사용자 지정할 수 있습니다.

Shopify 테마의 섹션 유형은 다음과 같습니다.

  • 정적 섹션: 온라인 스토어에서 미리 정해진 위치에 표시되는 섹션입니다. 이러한 섹션은 제거하거나 재정렬할 수 없습니다. 정적 섹션에는 머리글, 바닥글, 탐색 섹션, 제품 페이지, 컬렉션 페이지 등의 페이지 콘텐츠 섹션이 포함됩니다. 예를 들어, 제품 섹션에 따라 온라인 스토어에서 각 제품 페이지의 모양이 결정됩니다.
  • 동적 섹션: 홈페이지 레이아웃을 사용자 지정하는 데 사용할 수 있는 선택적 섹션입니다. 스토어 홈페이지에서 동적 섹션을 추가, 재배치, 제거하여 페이지 레이아웃을 생성할 수 있습니다. 동적 섹션은 홈페이지에 25개까지 추가할 수 있습니다.

Supply 고유 섹션 모음을 살펴보고 스토어 업종에 맞춰 해당 섹션을 사용자 지정하는 방법을 확인할 수 있습니다.

정적 섹션

Supply에는 다음과 같은 정적 섹션이 포함됩니다.

  • 머리글
  • 바닥글
  • 제품
  • 컬렉션
  • 컬렉션 목록 페이지
  • 문서 페이지

동적 섹션

Supply에는 다음과 같은 동적 섹션이 포함됩니다.

  • 블로그 게시물
  • 컬렉션 목록
  • 추천 컬렉션
  • 텍스트 포함 이미지
  • 슬라이드 쇼
  • 특별 상품
  • 뉴스레터
  • 지도
  • Rich text
  • 동영상
  • 사용자 지정 콘텐츠

머리글

테마의 헤더는 스토어의 모든 페이지 상단에 표시되는 섹션입니다.

머리글에서 다음 항목을 사용자 지정할 수 있습니다.

  • 로고
  • 공지 표시줄
  • 메뉴

사용자 지정 로고 추가

스토어 머리글에 사용자 지정 로고 이미지를 추가할 수 있습니다. 가장 적합한 형식은 투명 배경의 .png 파일입니다. Supply에 가장 잘 어울리는 로고의 폭은 400픽셀입니다. 로고 이미지의 폭을 늘리거나 줄여 크기를 조정할 수 있습니다. 폭을 로고 이미지의 원래 폭보다 크게 설정하지 마십시오. 원래 폭보다 커지면 이미지 품질 왜곡과 손실이 발생할 수 있습니다.

로고 이미지를 추가하지 않으면 스토어 이름이 텍스트로 표시됩니다. 스토어 이름은 Shopify 관리자의 일반 설정 페이지에서 변경할 수 있습니다.

  • 사용자 지정 로고 폭: 로고의 폭입니다.

로고 추가 및 구성

  1. 머리글을 클릭합니다. 2. 로고 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. * Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. * 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 > 업로드를 클릭합니다. 3. 설정을 사용하여 로고의 사이즈 및 배치를 사용자 지정합니다. 4. 저장을 클릭합니다.

공지 표시줄 추가

머리글에 고객에게 메시지를 표시하는 데 사용할 수 있는 공지 표시줄을 추가할 수 있습니다. 메시지는 사용자 지정할 수 있으며 연락처 정보, 스토어 이벤트나 판매에 대한 정보 또는 스토어 슬로건이 포함될 수 있습니다. 메시지 길이는 최대 55자까지 입력할 수 있습니다.

  1. 머리글을 클릭합니다.
  2. 공지 표시줄 영역에서 공지 표시를 확인 표시합니다.
  3. 공지 텍스트를 입력합니다.
  4. 선택 사항: URL을 입력하여 공지에 링크를 추가합니다.
  5. 저장을 클릭합니다.

메뉴 추가

머리글에 메뉴를 추가할 수 있습니다. 메뉴를 추가하면 머리글에 메뉴 링크가 표시되어 고객이 액세스하려는 공통 페이지를 강조 표시할 수 있습니다. 예를 들어, 컬렉션으로 연결되는 링크를 포함한 메뉴를 추가합니다.

  1. 머리글을 클릭합니다.

  2. 메뉴를 선택하려면 변경을 클릭합니다. 목록에서 메뉴를 선택하거나 메뉴 생성을 클릭하여 새로 생성합니다.

  3. 메뉴를 편집하려면 메뉴 편집을 클릭합니다.

  4. 저장을 클릭합니다.

바닥글

테마의 바닥글은 스토어의 모든 페이지 하단에 표시되는 섹션입니다. 바닥글에 추가할 수 있는 기능은 다음과 같습니다.

  • 소셜 미디어 아이콘
  • 결제 아이콘
  • 가로 메뉴
  • 뉴스레터 신청
  • 사용자 지정 텍스트
  • 빠른 링크

소셜 미디어 아이콘 추가

온라인 스토어의 바닥글에서 소셜 미디어 아이콘을 표시하는 옵션을 활성화할 수 있습니다. 바닥글에 표시되는 소셜 미디어 아이콘은 테마 설정에서 제어합니다.

  1. 바닥글을 클릭합니다.
  2. 소셜 미디어 아이콘 표시에 확인 표시합니다.
  3. 저장을 클릭합니다.

결제 아이콘 추가

바닥글에 허용하는 결제 방법에 대한 아이콘을 표시할 수 있습니다. 이 영역에는 관리자의 결제 설정 섹션에서 사용하도록 설정한 결제 서비스 공급업체와 관련된 아이콘이 표시됩니다.

  1. 바닥글을 클릭합니다.

  2. 결제 아이콘 표시를 확인합니다.

  3. 저장을 클릭합니다.

가로 메뉴 추가

바닥글에 메뉴를 추가할 수 있습니다. 메뉴를 추가하면 바닥글 하단의 수평 막대에 모든 메뉴의 링크가 표시됩니다. 이 메뉴를 사용하여 고객이 액세스하려는 공통 페이지에 연결할 수 있습니다. 예를 들어 배송 및 반품 정책에 대한 링크가 포함된 메뉴를 추가할 수 있습니다.

  1. 바닥글을 클릭합니다.
  2. 법률 메뉴 설정을 편집합니다. 메뉴를 선택하려면 변경을 클릭합니다. 목록에서 메뉴를 선택하거나 메뉴 생성을 클릭하여 새 메뉴를 생성합니다.
  3. 메뉴를 편집하려면 메뉴 편집을 클릭합니다.
  4. 저장을 클릭합니다.

메뉴, 뉴스레터 신청 또는 텍스트 추가

바닥글에는 콘텐츠 블록을 최대 9개까지 추가할 수 있습니다.

  1. 바닥글을 클릭합니다.

  2. 콘텐츠 블록을 추가하려면 콘텐츠 영역에서 콘텐츠 추가를 클릭합니다. 다음 옵션 중에서 블록 유형을 선택합니다.

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

콘텐츠 블록을 제거하려면 블록을 클릭한 다음 콘텐츠 제거를 클릭합니다.

콘텐츠 블록을 사용자 지정하려면 블록을 클릭하고 설정을 편집합니다.

  1. 저장을 클릭합니다.

제품

제품 페이지 섹션은 제품 페이지를 사용자 지정할 수 있는 기본 섹션입니다. 다음 옵션을 사용하여 이 섹션을 사용자 지정할 수 있습니다.

  • 이미지 확대/축소 활성화 - 고객이 제품 이미지 위에 마우스를 올려서 확대/축소할 수 있습니다.
  • 수량 선택기 표시 - 사용자가 카트에 추가할 수량을 지정할 수 있도록 합니다.
  • 잔여 수량 메시지 표시 - 재고가 적은 경우 잔여 재고를 표시합니다. 재고에 선택된 이형 상품이 9개 이하인 경우 잔여 수량 메시지가 표시됩니다. 이 메시지를 표시하려면 제품에 대한 인벤토리 추적을 활성화해야 합니다.
  • 품절 시 들어오는 재고 전송 메시지 표시 - 매진 제품이 재입고되는 시점을 알리는 메시지를 표시합니다. 해당 메시지에는 "[날짜] 이후 재입고 예정"이 표시됩니다. 이 메시지를 표시하려면 제품에 대해 전송을 생성하여 들어오는 인벤토리를 기록합니다.
  • 공급업체 표시 - 제품 브랜드 또는 공급업체를 표시합니다. 브랜드나 공급업체를 표시하려면 제품에 공급업체를 추가해야 합니다.
  • 절약된 금액 표시 - 고객이 절약한 금액을 표시합니다. 절약한 금액은 정상가와 비교가 간 차액입니다. 절약된 금액을 표시하려면 제품에 대한 가격 비교를 설정해야 합니다.
  • 가격 비교 표시 - 제품에 대한 가격 비교를 표시합니다.
  • 관련 제품 표시 - 페이지 하단에 관련 제품의 선택 사항을 표시합니다. 제품이 속한 컬렉션에 따라 이 섹션에 표시되는 관련 제품이 결정됩니다. 관련 제품을 표시하려면 컬렉션에 제품을 추가해야 합니다. 제품이 컬렉션에 속하지 않은 경우 또는 컬렉션에 속한 유일한 품목인 경우에는 관련 제품이 표시되지 않습니다.
  • 동적 결제 버튼 표시 - 고객이 카트를 건너뛰고 추천 제품 섹션에서 결제로 바로 이동할 수 있습니다.
  • 제품 공유 활성화 - 고객이 소셜 미디어에서 제품을 공유하는 데 사용할 수 있는 버튼을 표시합니다. 표시되는 공유 옵션은 테마 설정에서 제어합니다.
  • 제품 리뷰 활성화 - 페이지에 제품 리뷰 섹션을 추가합니다. 리뷰를 표시하려면 무료 Shopify 제품 리뷰 앱을 설치하고 제품에 대한 리뷰를 받아야 합니다.
  • 이형 상품 피커 및 버튼 사이즈 - 이 드롭다운 메뉴에서 사이즈를 선택하여 이형 상품 피커, 카트에 추가 버튼, 동적 결제 버튼의 사이즈를 설정합니다.

제품 설정 편집

  1. 제품 페이지를 선택합니다.
  2. 제품 섹션을 클릭합니다.
  3. 설정을 사용하여 제품 섹션을 사용자 지정합니다.
  4. 저장을 클릭합니다.

컬렉션

컬렉션 섹션은 컬렉션 페이지를 사용자 지정할 수 있는 기본 섹션입니다.

컬렉션 섹션에 포함된 설정은 다음과 같습니다.

  • 행별 제품 - 컬렉션 페이지의 각 행에 표시할 제품 수를 선택합니다.
  • 페이지별 행 수(그리드 전용) - 컬렉션 페이지에 표시할 제품의 행 수를 선택합니다.
  • 사이드바 제품 필터 - 사이드바에서 컬렉션 정렬 방법을 제품 태그 기준 또는 필터 그룹 기준 중 선택합니다.
  • 가격 비교 표시 - 제품에 대한 가격 비교를 표시합니다.
  • 절약된 금액 표시 - 고객이 절약한 금액을 표시합니다. 절약한 금액은 정상가와 비교가 간 차액입니다. 절약된 금액을 표시하려면 제품에 대한 가격 비교를 설정해야 합니다.
  • 제품 리뷰 활성화 - 페이지에 리뷰 점수 배지를 표시합니다. 리뷰 점수 배지를 표시하려면 무료 Shopify 제품 리뷰 앱을 설치하고 제품에 대한 리뷰를 받아야 합니다.
  • 사이드바 활성화 -고객이 선택한 필터 유형을 사용하여 제품을 필터링할 수 있도록 사이드바를 표시합니다.

컬렉션 설정 편집

  1. 컬렉션 페이지를 선택합니다.
  2. 컬렉션 섹션을 클릭합니다.
  3. 설정을 사용하여 컬렉션 섹션을 사용자 지정합니다.
  4. 저장을 클릭합니다.

컬렉션 목록

컬렉션 목록 섹션을 사용하여 홈페이지에 제품 컬렉션을 최대 6개까지 표시할 수 있습니다.

홈 페이지에 컬렉션 목록 추가

  1. 섹션 추가를 클릭합니다. 2. 컬렉션 목록을 클릭한 다음 선택을 클릭합니다. 3. 섹션에 컬렉션을 추가하려면 각 컬렉션 블록을 사용자 지정합니다. * 컬렉션 블록을 클릭한 다음 컬렉션 선택을 클릭합니다. * 컬렉션 드롭다운 목록에서 표시할 컬렉션을 선택하거나 컬렉션 생성을 클릭하여 새 컬렉션을 만듭니다. * 선택을 클릭합니다. 4. 컬렉션 블록을 더 추가하려면 컬렉션 추가를 클릭합니다. 5. 저장을 클릭합니다.

추천 컬렉션

홈 페이지에서 컬렉션을 추천할 수 있습니다. 추천 컬렉션을 사용하면 할인 제품과 신규 컬렉션을 홍보하는 데 도움이 됩니다.

추천 컬렉션 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 -추천 컬렉션 섹션에 대한 제목을 추가합니다.
  • 컬렉션 -섹션에 표시되는 컬렉션을 선택합니다.
  • 행별 제품 - 섹션의 각 행에 표시할 제품 수를 선택합니다.
  • - 섹션에 표시할 제품의 행 수를 선택합니다.
  • 절약된 금액 표시 - 고객이 절약한 금액을 표시합니다. 절약한 금액은 정상가와 비교가 간 차액입니다. 절약된 금액을 표시하려면 제품에 대한 가격 비교를 설정해야 합니다.
  • 가격 비교 표시 - 제품에 대한 가격 비교를 표시합니다.

홈 페이지에 추천 컬렉션 추가

  1. 섹션 추가를 클릭합니다. 2. 추천 컬렉션을 클릭한 다음 선택을 클릭합니다. 3. 컬렉션 선택을 클릭하고, 표시할 컬렉션을 선택한 다음 선택을 클릭합니다. 4. 설정을 사용하여 추천 컬렉션 섹션을 사용자 지정합니다. 5. 저장을 클릭합니다.

슬라이드 쇼

슬라이드 쇼 섹션을 사용하여 홈페이지에서 슬라이드 쇼에 사용할 이미지를 업로드할 수 있습니다.

홈페이지용 슬라이드 이미지를 최대 6개까지 선택할 수 있습니다. 고객이 클릭하여 스토어 내 페이지를 열 수 있도록 각 슬라이드에 링크를 추가할 수 있습니다.

각 슬라이드 이미지는 폭 1000픽셀, 높이 500픽셀이어야 합니다. 슬라이드 쇼 이미지의 높이가 다르면 슬라이드 전환 시 이미지가 돌출되거나 연결이 끊겨 보일 수 있습니다.

슬라이드 쇼 섹션에 포함된 설정은 다음과 같습니다.

콘텐츠

  • 이미지 - 슬라이드 쇼에 표시할 이미지를 추가합니다.
  • 링크 URL - 슬라이드를 온라인 스토어의 다른 부분으로 연결합니다.

설정

  • 슬라이드 자동 순환 - 슬라이드 쇼가 자동으로 실행되도록 설정합니다.
  • 전환 시간 - 슬라이드 변경 빈도를 선택합니다.

슬라이드 쇼 사용자 지정

  1. 섹션 추가를 클릭합니다.
  2. 슬라이드 쇼를 클릭한 다음 선택을 클릭합니다.
  3. 슬라이드 쇼에 이미지를 추가하려면 이미지 블록을 클릭하여 사용자 지정합니다.
    1. 이미지 선택을 클릭한 후 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
  4. Burst의 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
  5. 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭한 다음 업로드를 클릭합니다.

    1. 슬라이드에 링크를 추가하려면 다음 중 하나를 수행합니다. - 슬라이드 텍스트를 스토어 내 페이지로 연결하려면 링크 URL 필드를 클릭하고 페이지를 선택합니다.
    2. 슬라이드 텍스트를 웹사이트로 연결하려면 링크 URL 필드에 웹사이트 URL을 붙여넣습니다.
  6. 설정을 사용하여 슬라이드 쇼를 사용자 지정합니다.

  7. 저장을 클릭합니다.

뉴스레터

홈 페이지에 뉴스레터 신청을 추가할 수 있습니다. 이 기능을 추가하면 이메일 마케팅 캠페인을 위한 고객 이메일 주소를 수집할 수 있습니다. 이메일 마케팅에 대한 자세한 내용은 Shopify 블로그를 참조하십시오.

홈 페이지에 뉴스레터 신청 추가

  1. 섹션 추가를 클릭합니다.

  2. 뉴스레터를 클릭한 다음 선택을 클릭합니다.

  3. 뉴스레터 신청 머리글을 입력합니다.

  4. 뉴스레터 신청에 대한 부제목을 입력합니다.

  5. 저장을 클릭합니다.

지도

홈 페이지에 Google 지도를 추가하여 고객에게 사업체 위치를 안내할 수 있습니다.

지도 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 지도 섹션에 제목을 추가합니다.
  • 주소 및 시간 - 지도 섹션에 스토어 주소 및 시간을 추가합니다.
  • 지도 주소 - 스토어 위치를 표시하도록 지도를 설정합니다.
  • 지도 링크 레이블 - Google 지도 내 스토어 위치로 연결되는 버튼을 추가합니다.
  • 핀 표시 - 지도에서 스토어의 특정 위치를 표시하는 핀을 추가합니다.
  • Google 지도 API 키 - 지도 섹션에 지도의 API 키를 추가합니다.
  • 이미지 - 지도가 로드되지 않으면 표시할 이미지를 추가합니다.
  • 이미지 위치 - 이미지 위치를 설정합니다.

홈 페이지에 지도 추가

  1. 섹션 추가를 클릭합니다.
  2. 지도를 클릭한 다음 선택을 클릭합니다.
  3. 설정을 사용하여 지도 섹션을 사용자 지정합니다.
  4. 저장을 클릭합니다.

Rich text

서식있는 텍스트 섹션을 사용하여 홈페이지에 표시할 콘텐츠를 작성하거나, Shopify 관리자에서 생성한 페이지를 삽입합니다. 예를 들어, 블로그 페이지를 삽입하여 계획한 이벤트를 나타내거나 다음 중 하나를 포함하는 페이지를 표시할 수 있습니다.

서식 있는 텍스트 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 서식 있는 텍스트 섹션에 제목을 추가합니다.
  • 텍스트 - 사용자 지정 텍스트를 추가하고 형식을 지정합니다. 스토어의 페이지를 표시하려면 콘텐츠 추가를 클릭한 다음 페이지를 클릭합니다. 드롭다운 메뉴에서 홈 페이지로 표시할 페이지를 선택합니다.
  • 크기 - 텍스트의 크기를 설정합니다.

홈페이지에 서식있는 텍스트 추가

  1. 섹션 추가를 클릭합니다.

  2. 서식있는 텍스트를 클릭한 다음 선택을 클릭합니다.

  3. 설정을 사용하여 서식 있는 텍스트 섹션을 사용자 지정합니다.

  4. 저장을 클릭합니다.

동영상

홈 페이지에 YouTube 또는 Vimeo 동영상을 추가할 수 있습니다. 동영상을 통해 고객 참여를 유도하고 사업을 홍보할 수 있습니다.

동영상을 추가하려면 동영상의 공유 링크를 찾아야 합니다.

  • YouTube - Youtube 공유 링크는 https://youtu.be/ZXWgHlnVVEY 같은 형태입니다. YouTube 동영상 공유 링크 복사에 대한 자세한 내용은 이 YouTube 도움말을 참조하십시오.
  • Vimeo - Vimeo 공유 링크는 https://vimeo.com/123456789 같은 형태입니다. Vimeo 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 Vimeo 지원 센터 문서를 참조하십시오.

동영상 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 동영상 섹션에 제목을 추가합니다.
  • 동영상 링크 - 동영상에 대한 공유 링크를 추가합니다.

홈 페이지에 동영상 추가

  1. 섹션 추가를 클릭합니다.
  2. 동영상, 선택을 차례로 클릭합니다.
  3. 설정을 사용하여 동영상 섹션을 사용자 지정합니다.
  4. 저장을 클릭합니다.

사용자 지정 콘텐츠

사용자 지정 콘텐츠 섹션에서 여러 콘텐츠 블록을 그룹화 할 수 있습니다. 각 블록의 폭과 정렬을 조정하여 사용자 지정 레이아웃을 작성할 수 있습니다.

HTML을 사용하여 텍스트 블록의 형식을 지정하고, 표를 생성하고, 다른 웹사이트의 콘텐츠를 임베드할 수 있습니다. 사용자 지정 콘텐츠 섹션에는 사용자 지정 HTML 블록을 9개까지 추가할 수 있습니다.

사용자 지정 HTML 블록에 포함되는 설정은 다음과 같습니다.

  • HTML - 홈 페이지에 표시할 HTML 코드를 추가합니다.
  • 컨테이너 폭 - 사용자 지정 HTML 블록의 폭을 설정합니다.
  • 수직 정렬 - 섹션 내 콘텐츠의 수직 위치를 설정합니다.

홈페이지에 사용자 지정 콘텐츠 추가

  1. 섹션 추가를 클릭합니다.

  2. 사용자 지정 콘텐츠를 클릭한 다음 선택을 클릭합니다.

  3. 섹션에 포함할 콘텐츠 블록을 선택하고 구성합니다.

  4. 저장을 클릭합니다.

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

무료 체험