Brooklyn용 정적 섹션

Brooklyn에는 온라인 스토어의 모든 페이지를 나타내는 섹션이 포함됩니다. 스토어 업종에 맞춰 섹션을 사용자 지정하는 방법을 알아보십시오.

머리글

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

Brooklyn을 사용하면 머리글에 다음 항목을 추가할 수 있습니다.

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

머리글 링크와 아이콘의 색상도 변경할 수 있습니다.

홈페이지에 투명 머리글을 사용하도록 설정하려는 경우에는 홈페이지 머리글에 별도의 로고와 색상을 선택할 수 있습니다.

사용자 지정 로고 추가

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

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

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

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Burst의 무료 스톡 이미지를 사용하려면 무료 이미지를 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 > 업로드를 클릭합니다.

  1. 사용자 지정 로고 폭 슬라이더를 사용하여 로고 폭을 사용자 지정합니다.

  2. 저장을 클릭합니다.

탐색 설정 사용자 지정

다음과 같은 탐색 설정을 사용자 지정할 수 있습니다.

  • 검색 유형 - 헤더 검색 기능의 스타일을 설정합니다.
  • 메뉴 - 헤더에 표시되는 메뉴를 설정합니다.
  • 보조 사이드바 메뉴 - 사이드바 메뉴에 보조 메뉴를 추가합니다. 사이드바 메뉴는 주 메뉴가 자리를 너무 많이 차지하는 경우 머리글 메뉴 대신 표시됩니다. 자세한 내용은 Brooklyn 관련 팁을 참조하십시오.
  • 검색 사용 - 사이드바 메뉴에 검색 창을 표시합니다.
  1. 섹션 옆에서 사용자 지정을 클릭합니다.

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

  3. 탐색 영역에서 탐색 설정을 조정합니다.

  4. 저장을 클릭합니다.

공지 표시줄 추가

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">데스크톱</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Shopify 관리자에서 <strong>온라인 스토어</strong> &gt; <strong>테마</strong>로 이동합니다.
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div>
</div>



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

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

  3. 공지 표시줄 영역에서 공지 표시를 선택합니다. 홈페이지만을 선택하면 공지 메시지가 홈페이지에만 표시됩니다.

  4. 공지의 텍스트를 텍스트 필드에 입력합니다.

    1. 선택 사항: 링크 필드에 URL을 입력하면 공지에 링크가 추가됩니다.
  5. 공지 표시줄 배경의 색상을 변경하려면 색상 견본을 클릭하여 색상을 선택합니다.

  6. 공지 텍스트의 색상을 변경하려면 텍스트 색상 견본을 클릭하여 색상을 선택합니다.

  7. 저장을 클릭합니다.

머리글 링크 및 아이콘의 색상 변경

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">데스크톱</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Shopify 관리자에서 <strong>온라인 스토어</strong> &gt; <strong>테마</strong>로 이동합니다.
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div>
</div>



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

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

  3. 링크 및 아이콘 색상 견본을 클릭하고 색상을 선택합니다.

  4. 저장을 클릭합니다.

투명 머리글을 사용하도록 설정

홈페이지에서 슬라이드 쇼 위에 머리글 로고와 텍스트를 표시하려는 경우 투명 머리글을 사용하도록 설정할 수 있습니다. 이 옵션은 스토어 상단 섹션이 슬라이드 쇼인 경우에만 선택할 수 있습니다.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">데스크톱</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Shopify 관리자에서 <strong>온라인 스토어</strong> &gt; <strong>테마</strong>로 이동합니다.
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div>
</div>



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

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

  3. 투명 머리글 영역에서 홈페이지의 투명 머리글 사용에 확인 표시합니다.

  4. 선택 사항: 투명 로고 영역에서 이미지 선택을 클릭한 다음 중 하나를 수행합니다.

- Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다. - Burst의 무료 스톡 이미지를 사용하려면 무료 이미지를 클릭합니다. - 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 > 업로드를 클릭합니다.

  1. 링크 및 아이콘의 색상을 변경하려면 투명 머리글 링크 및 아이콘 색상 견본을 클릭하여 색상을 선택합니다.

  2. 저장을 클릭합니다.

바닥글

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

  • 결제 아이콘
  • 언어 선택기
  • 통화 선택기
  • 메뉴

결제 아이콘 추가

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

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

  2. 섹션을 클릭합니다.

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

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

  5. 저장을 클릭합니다.

메뉴 추가

바닥글에 메뉴를 추가할 수 있습니다. 이렇게 하면 바닥글에 있는 모든 메뉴의 링크가 표시되며, 이 링크를 사용하여 고객이 액세스하고자 하는 공통 페이지를 강조 표시할 수 있습니다. 예를 들어 연락처 페이지, 배송 정보 페이지 및 개인정보처리방침 링크가 포함된 메뉴를 추가할 수 있습니다.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">데스크톱</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Shopify 관리자에서 <strong>온라인 스토어</strong> &gt; <strong>테마</strong>로 이동합니다.
</li></ol></div><div class="iphone changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div><div class="android changeable-content"><ol>
<li><a href="https://www.shopify.com/install/detect">Shopify 앱</a>에서 <strong>스토어</strong>를 탭합니다.
</li><li><strong>판매 채널</strong> 섹션에서 <strong>온라인 스토어</strong>를 탭합니다.
</li><li><strong>테마 관리</strong>를 탭합니다.
</li></ol></div>
</div>



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

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

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

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

  5. 저장을 클릭합니다.

언어 선택기 추가

여러 스토어 언어를 사용하도록 설정한 경우에만 언어 선택기를 추가해야 합니다.

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

  2. 섹션을 클릭합니다.

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

  4. 언어 선택기에서 언어 선택기 표시를 선택합니다.

  5. 저장을 클릭합니다.

통화 선택기 추가

여러 통화를 사용하도록 설정한 경우에만 통화 선택기를 추가해야 합니다.

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

  2. 섹션을 클릭합니다.

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

  4. 통화 선택기에서 통화 선택기 표시를 선택합니다.

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

무료 체험