Supply

대형 인벤토리와 여러 컬렉션이 있는 판매자에게 적합한 Supply는 손쉬운 탐색 기능을 자랑하는 테마입니다. 이 테마에서는 탁월한 탐색, 다중 홈페이지 컬렉션, 사이드바 필터링, 제품 리뷰 앱과의 간편한 통합 기능을 제공합니다.

Supply를 사용하는 온라인 스토어 예제

다음에 해당하는 경우 Supply에 적합합니다.

  • 50개가 넘는 제품
  • 5개가 넘는 컬렉션
  • 대형 메뉴

테마 편집기

테마 편집기로 테마를 사용자 지정할 수 있습니다. 테마 편집기 툴바는 섹션테마 설정으로 나뉘어 있습니다.

섹션에서는 스토어 내 서로 다른 페이지의 콘텐츠와 레이아웃을 수정할 수 있습니다. 테마 설정에서는 스토어의 글꼴과 색상을 사용자 지정하고 소셜 미디어 링크와 결제 설정을 바꿀 수 있습니다.

섹션은 온라인 스토어의 서로 다른 페이지 레이아웃을 구성하는 사용자 지정 가능 콘텐츠 블록입니다.

  • 홈 섹션에는 슬라이드 쇼나 뉴스레터 신청 같이 추가, 재배치, 제거할 수 있는 기능이 포함됩니다. 홈페이지에는 섹션을 25개까지 추가할 수 있습니다.

  • 페이지 유형마다 고유한 섹션이 있습니다. 예를 들어, 제품 페이지 섹션은 온라인 스토어 내 각 제품 페이지의 레이아웃을 결정합니다.

  • 페이지 섹션은 항상 온라인 스토어의 특정 위치에 있습니다. 해당 섹션을 사용자 지정할 수 있지만 재배치하거나 제거할 수는 없습니다.

  • 각 테마에는 온라인 스토어의 모든 페이지에 표시되는 머리글과 바닥글 같은 정적 섹션이 포함됩니다.

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

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

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

동적 섹션

동적 섹션을 추가, 재배치, 제거하여 홈페이지 레이아웃을 사용자 지정할 수 있습니다. 테마별로 선택 가능한 고유 동적 섹션 세트가 있습니다.

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

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

머리글

Supply에서는 스토어 머리글에 대한 몇몇 고유 설정을 제공합니다. 머리글에 표시할 메뉴를 선택하고 로고를 업로드하고 고객 대상 메시지를 표시할 수 있습니다.

머리글을 사용자 지정하려면:

  1. 섹션 탭을 클릭합니다.

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

  3. 표시할 메뉴를 메뉴 목록에서 선택합니다.

로고

Supply를 사용하면 스토어 머리글에 로고를 삽입할 수 있습니다. 사용자 지정 로고를 사용하는 경우 가장 적합한 형식은 투명 배경의 .png 파일입니다.

Supply에 가장 잘 어울리는 로고의 폭은 400픽셀입니다. 사용자 지정 로고 폭 필드에서 이미지의 폭을 변경할 수 있습니다. 폭을 로고 이미지의 원래 폭보다 크게 설정하지 마십시오. 원래 폭보다 커지면 이미지 품질 왜곡과 손실이 발생할 수 있습니다.

메시지

Supply를 사용하면 스토어 머리글에 최대 55자 길이의 메시지를 입력할 수 있습니다. 이 메시지는 검색 창 위에 표시됩니다.

예를 들어, 환영 메시지나 할인/신규 컬렉션 광고, 배송 지연 안내 등의 메시지를 추가할 수 있습니다.

머리글 메시지를 추가하려면:

  1. 메시지 영역에 머리글 메시지를 입력합니다.

  2. 선택적으로 일부 텍스트를 굵게 또는 기울임꼴로 설정할 수 있습니다.

  3. 저장을 클릭합니다.

바닥글

바닥글 섹션에서는 스토어의 모든 페이지 하단에 표시되는 콘텐츠를 편집할 수 있습니다. 바닥글에 추가할 수 있는 기능은 다음과 같습니다.

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

웹사이트 바닥글 섹션에는 빠른 링크, 연락처 정보, 뉴스레터 신청, 가로형 메뉴, 저작권 텍스트, 결제 아이콘이 표시됩니다.

바닥글 섹션을 사용자 지정하려면:

  1. Supply 옆에 있는 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

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

  4. 소셜 미디어 아이콘 표시에 확인 표시하여 바닥글에 소셜 미디어 아이콘을 표시합니다. 연결할 계정을 소셜 미디어 테마 설정에서 선택합니다.

  5. 결제 아이콘 표시에 확인 표시하여 바닥글에 Mastercard 또는 PayPal 등의 결제 아이콘을 추가합니다.

  6. 법률 메뉴 영역에서 바닥글에 가로 메뉴를 추가합니다. 기본 메뉴를 편집하려면 메뉴 편집을 클릭합니다. 다른 메뉴로 변경하려면 변경을 클릭하고 기존 메뉴를 선택하거나 메뉴 생성을 클릭합니다.

  7. 콘텐츠 영역에서 바닥글에 최대 9개의 콘텐츠 블록을 추가합니다.

- 콘텐츠 추가를 클릭하여 콘텐츠 블록을 추가합니다. 다음 옵션 중에서 블록 유형을 선택합니다. - 메뉴 - Rich text - 뉴스레터 신청

- 콘텐츠 블록의 위치를 조정하려면 ⁞⁞ 아이콘을 클릭하고 다른 위치로 블록을 끌어서 놓습니다. - 블록을 클릭한 다음 콘텐츠 삭제를 클릭하여 콘텐츠 블록을 삭제합니다. - 블록을 클릭하고 설정을 편집하여 콘텐츠 블록을 사용자 지정합니다.

  1. 저장을 클릭합니다.

제품 페이지

제품 섹션에서 다음 항목을 추가하거나 제거할 수 있습니다.

  • 이미지 확대/축소
  • 수량 선택기
  • 재고 정보
  • 제품 브랜드 또는 공급업체
  • 절약 정보
  • 관련 제품
  • 동적 결제 버튼
  • 소셜 공유 아이콘
  • 고객 리뷰

제품 페이지 설정을 편집하려면:

  1. 상단 표시줄 드롭다운 메뉴에서 제품 페이지를 선택합니다.

  2. 섹션을 클릭합니다.

  3. 제품을 클릭합니다.

  4. 고객이 제품 이미지 위로 마우스를 가져가는 방식으로 확대할 수 있도록 하려면 이미지 확대/축소 사용에 확인 표시합니다.

  5. 수량 선택기를 표시하려면 수량 선택기 표시에 확인 표시합니다.

  6. 재고 재고가 낮아질 때 남은 재고를 표시하려면 이용 가능한 제품이 10개 미만일 때 재고 표시에 확인 표시합니다. 이 메시지를 표시하려면 제품에 대한 재고 추적을 사용하도록 설정해야 합니다.

  7. 품절 제품의 재입고 알림 메시지를 표시하려면 품절 시 수신 재고 전송 메시지 표시에 확인 표시합니다. "(날짜) 이후 재입고 예정"이라는 메시지가 표시됩니다. 이 메시지를 표시하려면 제품에 대해 전송을 생성해야 합니다.

  8. 제품 브랜드나 공급업체를 표시하려면 제품 공급업체 표시에 확인 표시합니다. 브랜드나 공급업체를 표시하려면 제품에 공급업체를 추가해야 합니다.

  9. 고객이 절약한 액수를 표시하려면 절약 액수 표시에 확인 표시합니다. 절약 금액은 제품의 정상가와 비교가 간 차액입니다. 절약 금액은 가장 가까운 달러값으로 내림됩니다. 예를 들어, 가격 차이가 25.51달러인 경우 절약 금액은 "25달러"입니다. 절약 금액을 표시하려면 제품에 대한 비교가를 설정해야 합니다.

  10. 비교가를 표시하려면 비교가 표시에 확인 표시합니다.

  11. 페이지 하단에 관련 제품을 보이게 하려면 관련 제품 보기에 확인 표시합니다. 제품이 속한 컬렉션에 따라 표시되는 관련 제품이 결정됩니다. 관련 제품을 표시하려면 해당 제품에 대해 컬렉션을 생성하거나 기존 컬렉션에 추가해야 합니다. 제품이 컬렉션에 없으면 관련 제품이 표시되지 않습니다.

  12. 동적 결제 버튼을 표시하려면 동적 결제 버튼 표시에 확인 표시합니다.

  13. 소셜 공유 아이콘을 표시하려면 제품 공유 사용에 확인 표시합니다.

  14. 제품에 대한 고객 리뷰를 표시하려면 제품 리뷰 사용에 확인 표시합니다. 리뷰를 표시하려면 무료 Shopify 제품 리뷰 앱을 설치하고 제품에 대한 리뷰를 받아야 합니다.

  15. 이형 상품 선택기, 카트에 추가 버튼, 동적 결제 버튼의 크기를 설정하려면 이형 상품 선택기 및 버튼 크기 드롭다운 메뉴에서 크기를 선택합니다.

  16. 저장을 클릭합니다.

컬렉션 페이지

Supply로 컬렉션 페이지 사이드바 메뉴에서 컬렉션 정렬 방식을 지정할 수 있습니다. 제품 태그나 필터 그룹 기준 정렬을 선택할 수 있습니다.

  1. 스토어 테마 편집기 미리 보기에서 컬렉션 페이지를 엽니다.

  2. 섹션 탭을 클릭합니다.

  3. 컬렉션을 클릭합니다.

  4. 각 행에 표시할 제품 수를 행당 제품 드롭다운 목록에서 선택합니다.

  5. 표시할 행의 수를 페이지당 행 드롭다운 목록에서 선택합니다.

  6. 사이드바 제품 필터 아래에서 컬렉션 정렬 방법을 제품 태그 기준 도는 필터 그룹 기준 중 선택합니다.

  7. 컬렉션 내 제품이 원래 가격에서 할인되거나 경쟁업체 가격과 비교될 때 비교가를 표시하려면 비교가 표시에 확인 표시합니다.

  8. 제품 할인 적용 시 고객이 절약하는 액수를 표시하려면 절약 액수 표시에 확인 표시합니다.

  9. 컬렉션 페이지에서 제품 리뷰를 허용하려면 제품 리뷰 사용에 확인 표시합니다.

  1. 저장을 클릭합니다.

추천 컬렉션

추천 컬렉션 섹션에서 홈페이지에 표시할 제품 컬렉션을 6개까지 선택할 수 있습니다. 고객이 홈페이지에서 추천 컬렉션을 클릭하면 컬렉션의 추천 제품이 표시됩니다. 추천 제품이 없으면 컬렉션의 첫 번째 제품 이미지가 표시됩니다.

홈 페이지에 추천 컬렉션을 표시하려면:

  1. 섹션 탭을 클릭합니다.

  2. 추천 컬렉션을 클릭합니다.

  3. 콘텐츠 영역에서 컬렉션을 클릭합니다.

  4. 컬렉션 드롭다운 메뉴에서 표시할 컬렉션을 선택합니다.

  5. 표시할 컬렉션을 모두 선택할 때까지 컬렉션을 계속 추가합니다.

  6. 저장을 클릭합니다.

슬라이드 쇼

슬라이드 쇼 섹션에서는 슬라이드 쇼에 사용할 이미지를 업로드할 수 있습니다. 슬라이드 쇼 이미지의 자동 순환 여부와 순환 빈도(초)를 선택할 수 있습니다.

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

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

슬라이드 쇼를 사용자 지정하려면:

  1. 섹션 탭을 클릭합니다.

  2. 슬라이드 쇼를 클릭합니다.

  3. 슬라이드를 자동으로 순환하게 하려면 설정 영역에서 슬라이드 자동 순환에 확인 표시합니다.

  4. 초 단위 순환 빈도를 전환 주기 드롭다운 목록에서 선택합니다.

이미지 슬라이드를 추가하려면:

  1. 콘텐츠 영역에서 이미지를 클릭합니다.

  2. 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Shopify의 Burst 스톡 이미지 컬렉션에서 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 슬라이드에 링크를 추가하려면 다음 중 하나를 수행합니다.

- 슬라이드 텍스트를 스토어 내 페이지로 연결하려면 링크 URL 필드를 클릭하고 페이지를 선택합니다. - 슬라이드 텍스트를 웹사이트로 연결하려면 슬라이드 링크 필드에 웹사이트 URL을 붙여넣습니다.

  1. 저장을 클릭합니다.

뉴스레터

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

웹사이트의 뉴스레터 섹션입니다. 고객이 이메일 주소를 입력하는 필드와 '가입 신청'이라는 버튼이 있습니다.

홈 페이지에 뉴스레터 신청을 추가하려면:

  1. Supply 옆에 있는 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 섹션 추가 > 뉴스레터를 클릭합니다.

  4. 뉴스레터 신청에 사용할 제목을 제목 필드에 입력합니다. 기본 제목은 "뉴스레터 가입 신청"입니다.

  5. 뉴스레터 신청 부제목을 부제목 필드에 입력합니다. 기본 텍스트는 "프로모션, 신제품, 할인 소식을 이메일로 바로 확인해 보세요."입니다.

  6. 저장을 클릭합니다.

동영상

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

홈 페이지에 동영상을 추가하려면:

  1. Supply 옆에 있는 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 섹션 추가 > 동영상을 클릭합니다.

  4. 동영상의 제목을 제목 필드에 입력합니다.

  5. 동영상 공유 링크를 동영상 링크 필드에 입력합니다.

    YouTube 공유 링크는 https://youtu.be/OTJXAUZY9t0과 같은 형태입니다. YouTube 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 YouTube 도움말을 참조하십시오.

    Vimeo 공유 링크는 https://vimeo.com/281332510과 같은 형태입니다. Vimeo 동영상 공유 링크 복사 방법에 대한 자세한 내용은 이 Vimeo 지원 센터 문서를 참조하십시오.

  6. 저장을 클릭합니다.

사용자 지정 콘텐츠

사용자 지정 콘텐츠 섹션에서 HTML 코드로 홈페이지용 사용자 지정 콘텐츠를 생성할 수 있습니다. 예를 들어, HTML을 사용하여 텍스트 블록 형식을 지정하거나 표를 생성하거나 타사 웹사이트의 콘텐츠를 포함하도록 할 수 있습니다.

홈페이지에 사용자 지정 콘텐츠를 추가하려면:

  1. Supply 옆에 있는 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

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

  4. 고급 레이아웃 영역에서 사용자 지정 콘텐츠 > 추가를 클릭합니다.

  5. 사용자 지정 콘텐츠를 클릭한 다음 홈페이지에 추가할 HTML 코드를 입력합니다.

  6. 저장을 클릭합니다.

테마 설정 테마 설정을 사용하여 온라인 스토어의 색상과 입력 체계를 사용자 지정할 수 있습니다. 소셜 미디어 계정으로 링크를 설정하고 카트 설정을 편집하고 Favicon을 추가할 수도 있습니다.

Supply에 포함된 테마 설정은 다음과 같습니다.

  • 색상
  • 입력 체계
  • Favicon
  • 카트
  • 소셜 미디어
  • 가격 형식
  • 결제

색상

온라인 스토어의 부분별로 색상을 선택할 수 있습니다.

색상 설정 사용자 지정

  1. Supply 옆에서 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 색상을 클릭합니다.

  4. 콘텐츠 유형별로 색상 견본을 클릭하여 색상 선택기를 사용합니다. 최근에 선택한 항목 영역은 테마에서 최근 선택한 색상을 나타냅니다. 현재 사용 중인 항목 영역은 해당 테마의 다른 부분에서 사용 중인 색상을 나타냅니다.

    색상을 투명으로 설정하려면 없음을 클릭합니다.

  5. 저장을 클릭합니다.

입력 체계

온라인 스토어의 글꼴 스타일 및 크기를 설정할 수 있습니다.

입력 체계 설정 사용자 지정

  1. Supply 옆에서 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 입력 체계를 클릭합니다.

  4. 텍스트 유형별로 변경을 클릭하여 글꼴 선택기를 사용합니다.

  5. 검색 필드를 사용하거나 더 로드를 클릭하여 글꼴을 살펴봅니다.

    사용 가능한 모든 글꼴을 보려면 Shopify 글꼴 라이브러리를 확인합니다.

  6. 사용할 글꼴의 이름을 클릭합니다.

  7. 글꼴 스타일(굵게, 기울임꼴 등)을 변경하려면 보통을 클릭합니다. 그런 다음 사용할 스타일을 선택하고 선택을 클릭합니다.

  8. 저장을 클릭합니다.

Favicon

Supply를 사용하면 스토어에 Favicon을 추가할 수 있습니다. 웹사이트를 대표하는 작은 아이콘인 Favicon(즐겨 찾기 아이콘)은 다음 예제와 같이 아이콘이 표시되는 모든 곳에서 스토어 바로 가기 기능을 제공합니다.

  • 웹 브라우저 탭
  • 웹 브라우저 방문 기록
  • 바탕 화면 아이콘
  • 북마크로 저장 시 온라인 스토어 이름 옆

Favicon을 사용하면 스토어 홍보에 도움이 되며 세련된 웹사이트라는 인상을 줄 수 있습니다. Supply에서 권장하는 Favicon 크기는 16x16픽셀입니다.

Favicon을 추가하려면:

  1. 테마 설정 탭을 클릭합니다.

  2. Favicon을 클릭합니다.

  3. Favicon 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭하고 + 버튼을 클릭합니다.

  1. 저장을 클릭합니다.

카트

Supply를 사용하면 카트 페이지에 주문 참고 사항을 포함하도록 사용자 지정하고 네 가지 카트 페이지 스타일 중 선택할 수 있습니다.

카트 설정에 액세스하려면:

  1. 테마 설정 탭을 클릭합니다.

  2. 카트를 클릭합니다.

주문 참고 사항 사용

Supply를 사용하면 카트 페이지에 고객이 선물 메시지, 특별 요청, 배송 지침 등의 주문 참고 사항을 남기는 필드를 제공할 수 있습니다.

카트 유형

Supply에서는 네 가지 카트 유형을 제공합니다.

  • 서랍식 카트 유형의 경우 카트가 페이지 상단에서 미끄러져 내려오는 방식으로 표시됩니다. 카트를 으면 카트 텍스트가 접혀 보입니다.
  • 플립식 카트 유형은 서랍형 카트 유형과 비슷하지만 열고 닫을 때 플립 애니메이션이 표시됩니다.
  • 모달식 카트 유형의 경우 페이지 콘텐츠 상단에서 팝업 창 방식으로 표시됩니다. 팝업 창은 X 기호를 클릭하거나 팝업 창 외부를 클릭하여 닫을 수 있습니다.
  • 페이지식 카트 유형은 온라인 스토어의 한 페이지입니다. 고객은 머리글의 카트 링크를 클릭하거나 카트에 품목을 추가하여 카트 페이지에 액세스할 수 있습니다.

소셜 미디어

제품과 블로그 게시물에 소셜 공유 버튼을 추가하고 소셜 미디어 계정 링크를 추가할 수 있습니다.

소셜 미디어 설정을 사용자 지정하려면 다음 단계를 수행합니다.

  1. Supply 옆에 있는 사용자 지정을 클릭합니다.

  2. 테마 설정을 클릭합니다.

  3. 소셜 미디어를 클릭합니다.

  4. 소셜 공유 이미지를 업로드하려면 소셜 공유 이미지 영역에서 이미지 선택 또는 무료 이미지 살펴보기를 클릭합니다.

  5. 소셜 미디어 계정에 링크를 추가하려면 계정 영역에 있는 필드에 계정 링크를 입력합니다. https://instagram.com/shopify 또는 https://twitter.com/shopify와 같은 전체 링크를 입력합니다.

    소셜 미디어 링크는 온라인 스토어 바닥글에 표시됩니다.

  6. 제품 및 블로그 게시물에 소셜 공유 버튼을 추가하려면 공유 영역에서 일부 또는 모든 확인란에 확인 표시합니다.

    추가 가능한 공유 버튼은 다음과 같습니다.

- Facebook에서 공유 - Twitter에서 트윗 작성 - Pinterest에서 핀 만들기(블로그 게시물 공유는 사용 불가)

  1. 공유 버튼 스타일을 변경하려면 버튼 스타일 메뉴에서 스타일을 선택합니다.

  2. 저장을 클릭합니다.

가격 형식

Supply로 스토어에서 제품 가격 표시 방법을 선택할 수 있습니다.

Supply에서 가격 형식 옵션을 설정하려면:

  1. 테마 설정 탭을 클릭합니다.

  2. 가격 형식을 클릭합니다.

  3. 센트를 사용하는 통화로 판매하는 경우 위 첨자로 가격을 표시하려면 위 첨자로 센트 표시에 확인 표시합니다.

결제

이 섹션에서는 스토어의 결제를 사용자 지정할 수 있습니다. 스토어의 결제 페이지에 대한 자세한 내용은 여기를 클릭하여 확인하십시오.

이미지 팁

Supply에 가장 적합한 제품 이미지 유형

Supply에 고해상도 사진을 사용하면 더 세련되고 전문적으로 보이므로 이미지는 최소 1024 x 1024픽셀이어야 합니다. 필요한 경우 이미지 크기가 자동으로 축소됩니다.

테마 편집기에서 제품 페이지를 열고 섹션 탭 내 제품을 클릭하면 사용하도록 설정할 수 있는 이미지 확대/축소 사용에 확인 표시한 경우 고해상도 사진을 사용하는 것이 특히 중요합니다.

제품 사진에 가장 적합한 폭 높이 비율은 정사각형입니다.

헤더 작게 설정

몇몇 방법으로 페이지 상단 섹션을 줄일 수 있습니다.

로고가 너무 크면 테마 설정에서 최대 폭을 조정하여 크기를 줄일 수 있습니다. 로고 폭을 줄이면 Shopify가 비율이 유지하면서 로고의 배율을 조정하기 때문에 높이도 줄일 수 있습니다. 테마 편집기를 사용하여 머리글 섹션에서 사용자 지정 로고 폭 값을 조정합니다. 기본 픽셀 값은 305입니다. 더 작은 픽셀 값을 사용하면 로고 크기를 줄여서 머리글의 높이를 같이 줄입니다.

로고에 투명 또는 흰색 픽셀이 있으면 로고 위아래로 흰색 공간이 추가됩니다. Photoshop 같은 프로그램을 사용하여 로고 이미지에서 해당 픽셀을 트리밍할 수 있습니다. 로고를 트리밍한 다음 테마 편집기를 사용하여 다시 업로드합니다. 로고 내 흰색 공간을 트리밍하면 헤더 높이를 크게 줄일 수 있습니다.

슬라이드 쇼 작게 설정

가로 길이가 세로 길이보다 큰 가로형 이미지를 사용하십시오.

테마 편집기에는 폭 1000픽셀 x 높이 500픽셀 사이즈의 이미지를 업로드하는 것이 좋기는 하지만 작은 이미지도 사용할 수 있습니다. 폭이 1000픽셀이면 슬라이드의 왼쪽과 오른쪽 공백없이 화면을 채울 수 있습니다. 이보다 폭이 작은 이미지는 슬라이드 쇼의 가운데로 정렬됩니다.

탐색 팁

Supply 사용 시 스토어 탐색을 개선할 수 있는 팁은 다음과 같습니다.

드롭다운 메뉴 추가

주 메뉴에 드롭다운 메뉴를 추가하려면 탐색 페이지에서 메뉴를 생성해야 합니다.

주 메뉴 모범 사례

주 메뉴에 너무 많은 항목을 한 줄에 표시하면 들어가지 않은 마지막 링크가 드롭다운 메뉴 "더하기"에 추가됩니다.

이 작업은 그 수를 5개 또는 6개로 유지하지만, 주 메뉴의 링크 수를 엄격하게 제어하지는 않습니다. 링크를 더 많이 넣으려면 다음을 수행하십시오.

  • 테마 설정 탭에서 입력 체계주 메뉴 글꼴 크기를 줄여 탐색 링크를 작게 만듭니다.
  • 각 링크에 더 적은 글자를 사용합니다. 예를 들어, '자주 묻는 질문'을 'FAQ'로, '문의처 정보'를 '문의처'로, '카탈로그'를 '쇼핑'으로 변경하고 모든 '그리고'를 '및'으로 변경할 수 있습니다.

탐색에 너무 많은 항목이 있는 경우 사이트 이용에 방해가 됩니다. 메뉴 항목이 너무 많으면 중요한 항목을 고객이 놓칠 수도 있습니다. 탐색 항목을 5~6개 정도로 제한해 보십시오. 6페이지 이상 사용하려면 드롭다운 메뉴를 활용하면 됩니다.

주로 발생하는 실수는 주 메뉴의 모든 컬렉션에 링크를 추가하는 것입니다. 링크를 추가하는 대신 '쇼핑'이나 '카탈로그' 링크 아래 드롭다운 메뉴에 컬렉션 목록을 표시해 보십시오. 컬렉션을 그룹으로 세분화하여 각 그룹에 드롭다운 메뉴를 추가하는 방법도 있습니다. 아니면 제품 태그를 사용하여 제품 하위 범주를 생성할 수도 있습니다.

사이드바 제거

스토어에서 사이드바를 삭제하려면 테마 파일 2개에 코드를 추가해야 합니다.

  1. 섹션 디렉토리에서 collection-template.liquid을(를) 클릭합니다.

  2. 파일에서 has_sidebar찾습니다. 다음 코드 행을 삭제합니다.

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. 저장을 클릭합니다.

  2. 섹션 디렉토리에서 collection-list-template.liquid을(를) 클릭합니다.

  3. 파일에서 has_sidebar찾습니다. 다음 코드 행을 삭제합니다.

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. 저장을 클릭합니다.

제품 팁

다음 팁은 Supply로 제품을 쇼케이스할 때 유용합니다.

고급 그룹 필터링 사용

제품이 많은 경우 고객이 제품을 손쉽게 정렬할 수 있도록 하위 그룹을 사용하도록 설정할 수 있습니다.

  1. 그룹을 정의합니다. 상기 이미지에서 그룹은 브랜드, 초점 거리, 해상도입니다.

  2. 모든 제품을 .csv 파일로 내보냅니다.

  3. 포함시킬 그룹 이름이 있는 모든 기존 태그에 그룹_태그 이름 형식으로 접두어를 붙입니다. 이 예제에서 태그는 브랜드_Canon, 초점 거리_18~55mm, 해상도_12MP입니다. 밑줄 왼쪽은 그룹 이름이고 오른쪽은 제품 태그입니다. 밑줄 양쪽에 모두 공백을 추가할 수 있습니다.

  4. .csv를 저장합니다. 파일을 저장하고 제품을 스토어에 다시 가져오십시오. 파일을 업로드할 때 핸들이 같은 현재 제품을 교체하는지 확인하여 생성 시 제품 중복을 피하십시오.

  5. 테마 편집기 미리 보기에서 컬렉션 페이지를 엽니다. 섹션 탭에서 컬렉션을 클릭한 다음 그룹 기준 옵션에 확인 표시합니다.

참고: 제품 태그에 작은따옴표, 큰따옴표 또는 앰퍼샌드(&)를 사용하면 그룹화된 필터링이 정상 작동하지 않습니다.

필터 그룹 및 태그 재정렬

그룹은 사전순으로 정렬되므로 그룹 내 나열된 태그도 같은 방식으로 정렬됩니다. 해당 정렬을 사용자 지정하려면 Shopify 전문가에게 문의하십시오.

가격 책정 팁

Supply 사용 시 가격 책정 설정에 대한 팁은 다음과 같습니다.

판매 금액 반올림 사용 중지

  1. 왼쪽의 자산 아래에서 timber.scss.liquid 링크를 클릭하여 온라인 코드 편집기에서 테마 스타일시트를 엽니다.

  2. 파일 맨 아래에 다음을 추가합니다.

.sale-tag sup {
   display: inline;
   top: 0;
   font-size: 100%;

   &:before {
    content: '.';
   }
 }
  1. 저장을 클릭합니다.

카트 팁

Supply에 JavaScript 추가 시 원활한 카트 작동을 돕는 팁은 다음과 같습니다.

고급 JavaScript가 작동하도록 카트 유형 변경

Supply에서는 cart.liquid에 추가하는 어떤 JavaScript도 등록기나 모달 카트에서 실행되지 않습니다. 스토어 URL에 /cart를 붙여야만 실행됩니다. http://your.store.url/cart와 같습니다.

카트 페이지에 다음과 같은 기능을 추가하려면 카트 유형을 "페이지식"으로 설정해야 합니다.

  • 배송료 계산기
  • 여러 통화
  • 선물 포장
  • 카트 특성 검사
  • 날짜 선택기
  • '약관에 동의합니다.' 확인란

카트 유형을 "페이지식"으로 변경하려면:

  1. 테마 설정을 클릭합니다.

  2. 카트를 클릭합니다.

  3. 카트 유형 드롭다운 목록에서 페이지를 선택합니다.

  4. 저장을 클릭합니다.

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

무료 체험