Express 섹션

테마 콘텐츠는 섹션으로 작성 됩니다. 섹션은 온라인 스토어에서 서로 다른 페이지의 레이아웃과 모양을 결정 하는 사용자 지정 가능한 콘텐츠 블록입니다.

정적 섹션 은 온라인 스토어에서 미리 정해진 위치에 표시 되는 섹션입니다. 이러한 섹션은 제거 하거나 재정렬할 수 없습니다. 정적 섹션에는 머리글, 바닥글, 탐색 섹션, 제품 페이지, 컬렉션 페이지 등의 페이지 콘텐츠 섹션이 포함 될 수 있습니다. 예를 들어, 제품 섹션은 온라인 스토어에서 각 제품 페이지의 모양을 결정 합니다.

동적 섹션 은 홈 페이지 레이아웃을 사용자 지정 하는 데 사용할 수 있는 선택적 섹션입니다. 동적 섹션을 추가, 재배치, 제거 하 여 페이지 레이아웃 생성에 사용할 수 있습니다. 홈 페이지에는 동적 섹션을 25 개까지 추가할 수 있습니다.

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

정적 섹션

Express에 포함된 정적 섹션은 다음과 같습니다.

동적 섹션

Express에 포함된 동적 섹션은 다음과 같습니다.

머리글

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

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

  • 로고
  • 공지 표시줄
  • 메뉴
  • 검색
  • 머리글 스타일

사용자 지정 로고 추가

스토어 머리글에 사용자 지정 로고 이미지를 추가할 수 있습니다. 가장 적합한 형식은 투명 배경의 .png 파일입니다. 로고의 최대 폭은 180px입니다. 폭을 늘리거나 줄여 로고 이미지의 크기를 조정할 수 있습니다.

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

  • 사용자 지정 로고 폭: 로고의 폭입니다. - 로고 정렬: 머리글의 로고 정렬입니다. 왼쪽 또는 가운데를 선택합니다.

로고 추가 및 구성

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

공지 표시줄 추가

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

  1. 머리글을 클릭합니다.
  2. 공지 표시줄 영역에서 공지 표시를 확인 표시합니다.
  3. 공지 텍스트를 입력합니다.
  4. 선택 사항: URL을 입력하여 공지에 링크를 추가합니다. (버전 1.11.0+)
  5. 선택 사항: 아이콘 메뉴에서 공지 표시줄에 표시할 아이콘을 선택합니다. 아이콘은 공지 텍스트와 같은 색상이 사용됩니다.
  6. 공지 표시줄 배경의 색상을 변경하려면 색상 견본을 클릭하여 색상을 선택합니다.
  7. 공지 텍스트의 색상을 변경하려면 텍스트 색상 견본을 클릭하여 색상을 선택합니다.
  8. 저장을 클릭합니다.

메뉴 추가

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

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

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

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

  4. 저장을 클릭합니다.

검색 활성화

고객이 스토어에서 품목을 빠르게 찾을 수 있도록 머리글에 검색 옵션을 추가할 수 있습니다.

  1. 머리글을 클릭합니다.
  2. 검색 보기에 확인 표시합니다.
  3. 저장을 클릭합니다.

머리글에 보조 색상 사용

머리글에서 보조 배경 및 텍스트 색상을 사용하려면 보조 배경 및 텍스트 색상 활성화를 선택합니다.

바닥글

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

  • 결제 아이콘
  • 메뉴
  • 뉴스레터 신청
  • 비즈니스에 대한 정보가 포함된 텍스트 섹션
  • 소셜 미디어 아이콘
  • 언어 선택기

결제 아이콘 추가

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

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

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

  3. 저장을 클릭합니다.

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

  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

최대 4개의 콘텐츠 블록을 추가할 수 있습니다.

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

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

  1. 저장을 클릭합니다.

소셜 미디어 아이콘 추가

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

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

    1. 소셜 공유 이미지를 업로드하려면 소셜 공유 이미지 영역에서 이미지 선택 또는 무료 이미지 살펴보기를 클릭합니다.
  3. 제품 및 블로그 게시물에 소셜 공유 버튼을 추가하려면 다음 옵션 중 하나 또는 전체를 확인 표시합니다.

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

  1. 소셜 미디어 계정에 링크를 추가하려면 계정 아래에 제공된 필드의 계정에 해당 링크를 입력합니다. https://instagram.com/shopify 또는 https://twitter.com/shopify와(과) 같은 전체 링크를 입력합니다.

    1. 공유 버튼의 스타일을 변경하려면 버튼 스타일 메뉴에서 전체 브랜드화 또는 로고만을 선택합니다.
  2. 저장을 클릭합니다.

언어 선택기 추가

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

  1. 섹션을 클릭합니다.

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

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

  4. 저장을 클릭합니다.

제품

구매자가 추천 컬렉션의 제품을 클릭하면 제품 페이지가 표시됩니다. 제품 설명, 가격, 이형 상품 및 이미지를 표시합니다. 사용자의 페이지를 새 페이지로 이동하거나 홈페이지의 오버레이에서 제품 세부 정보가 표시되도록 선택할 수 있습니다. 이 설정은 테마 설정에서 제어합니다. 오버레이에서 제품 페이지 표시가 활성화된 경우 추천 컬렉션에서 제품이 선택되면 오버레이가 표시됨에 따라 제품 페이지가 표시됩니다.

지역 픽업을 활성화하고 오버레이에서 제품 페이지 표시를 비활성화한 경우 이 섹션이 제품의 픽업 사용 가능성에도 표시됩니다.

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

  • 수량 선택기 표시 - 사용자가 카트에 추가할 수량을 지정할 수 있도록 합니다.
  • 공급업체 표시 - 제품 페이지에 제품 브랜드 또는 공급업체를 표시합니다. 브랜드나 공급업체를 표시하려면 제품에 공급업체를 추가해야 합니다.
  • 동적 결제 버튼 표시 - 고객이 카트를 건너뛰고 추천 제품 섹션에서 결제로 바로 이동할 수 있습니다.
  • 오버레이에 제품 페이지 표시 - 현재 페이지의 오버레이에서 제품 세부 정보를 표시하려면 이 옵션을 선택합니다. 이 오버레이는 추천 컬렉션에서 제품을 선택한 경우에 표시됩니다.
  • 소셜 공유 버튼 표시 - 고객이 소셜 미디어에서 제품을 공유하는 데 사용할 수 있는 버튼을 표시합니다. 이러한 버튼은 테마 설정에서 제어합니다.

제품 설정 편집

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

픽업 사용 가능성 표시

버전 1.11.0+

Express을(를) 통해 고객에게 온라인 스토어의 제품이 지역 픽업에서 사용할 수 있는지 여부를 표시할 수 있습니다. 각 제품 페이지에서 픽업 사용 가능성 섹션에는 제품 사용 가능 여부와 픽업 예상 기간이 표시됩니다. 이 정보는 오버레이에서 제품 페이지 표시가 비활성화된 경우에만 표시됩니다.

이 기능을 사용하려면 지역 픽업을 설정해야 합니다. 지역 픽업을 활성화한 경우 이 기능은 항상 제품 페이지에 표시되어 비활성화할 수 없습니다.

지역 픽업을 활성화하면 지역 픽업 위치에서 픽업 서비스가 제공되는지 여부가 제품 페이지에 표시됩니다. 제품이 표시되려면 픽업 위치 중 한 곳 이상에 입고된 상태여야 하고, 제품 이형 상품 세부 정보의 배송 섹션에 '실제 제품입니다'가 선택된 상태여야 합니다.

제품 이형 상품에서 이는 실제 제품입니다를 선택하려면 다음을 수행합니다.

  1. Shopify 관리자에서 제품 > 모든 제품으로 이동합니다.

  2. 제품을 선택합니다.

  3. 이형 상품 아래에서 이형 상품을 선택합니다.

  4. 배송 아래에서 실제 제품입니다를 선택 표시합니다.

  5. 저장을 클릭합니다.

한 위치에서만 지역 픽업을 활성화한 경우에는 해당 위치에 대한 위치 및 픽업 사용 가능성이 표시됩니다. 고객은 스토어 정보 보기를 클릭하여 픽업 위치에 대해 자세히 알아볼 수 있습니다.

여러 위치에서 지역 픽업을 사용하도록 설정한 경우, 픽업 사용 가능성 섹션에는 고객의 IP 주소를 기준으로 고객과 가장 가까운 위치에 대한 위치 및 픽업 사용 가능성이 표시됩니다. 고객이 다른 스토어에서 사용 가능성 확인을 클릭하면 픽업 위치 목록이 고객으로부터의 거리에 따라 정렬됩니다.

IP 주소로 고객의 위치를 확인할 수 없는 경우에는 픽업 사용 가능성 섹션에 도시명 > 위치명의 알파벳순으로 위치와 픽업 가능성 여부가 표시됩니다. 예를 들어, 토론의 "Queen Street", 토론토의 "Front Street", 밴쿠버의 "Alberni Street"의 3개 픽업 위치를 사용하고 있다고 가정해 봅니다. 이 경우, 픽업 사용 가능성 섹션에는 토론토의 "Front 스트리트" 세부 정보가 표시됩니다.

추천 제품

제품 페이지에 추천 제품을 표시하여 고객이 관심을 가질 수 있는 다른 제품을 쉽게 발견하도록 할 수 있습니다.

오버레이에 제품 페이지 표시가 제품 페이지에 대해 활성화된 경우 이 섹션에서 액세스 시 현재 페이지의 오버레이에 제품이 표시됩니다.

제품 권장 사항 활성화

  1. 제품 페이지를 선택합니다.

  2. 제품 권장 사항 섹션을 클릭합니다.

  3. 제품 페이지에 제품 권장 사항을 표시하려면 동적 권장 사항 표시를 확인 표시합니다.

  4. 선택 사항: 추천 제품 위에 표시되는 제목을 변경하려면 제목 필드에 새 제목을 입력합니다.

    1. 선택 사항: 고객이 제품 추천 섹션에서 카트로 제품을 직접 추가할 수 있도록 허용하려면 '빠른 구매' 버튼 활성화를 선택합니다.
    2. 선택 사항: 제품 설명에서 공급업체를 표시하거나 숨기려면 공급업체 표시 확인란을 사용합니다.
  5. 저장을 클릭합니다.

컬렉션 템플릿

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

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

  • 컬렉션 이미지 표시 - 컬렉션 페이지의 맨 위에 컬렉션 이미지를 표시합니다.
  • 컬렉션 설명 표시 - 컬렉션 페이지 상단에 컬렉션 설명을 표시합니다. (버전 1.11.0+)
  • 제품 공급업체 표시 - 제품 카드에 제품 브랜드 또는 공급업체를 표시합니다.

컬렉션 페이지 사용자 지정

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

배너

버전 1.11.0+

사용자 지정 이미지, 텍스트 및 스토어의 다른 위치로 연결되는 버튼이 포함된 배너를 생성할 수 있습니다. 배너를 사용하여 브랜드를 강조 표시하거나 특정 컬렉션을 추천하거나 프로모션을 광고할 수 있습니다.

설정

  • 이미지 - 섹션에 포함할 이미지를 추가합니다. 이미지를 업로드하고 이전에 업로드한 이미지를 사용하거나 Burst의 무료 스톡 이미지를 선택할 수 있습니다.
  • 제목 - 배너에 기본 텍스트를 추가합니다.
  • 제목 사이즈 - 제목 텍스트의 사이즈를 선택합니다.
  • 설명 - 배너에 설명을 추가합니다.
  • 버튼 레이블 - 버튼에 표시할 텍스트를 추가합니다.
  • 버튼 링크 - 버튼에 연결할 URL 또는 페이지를 설정합니다. URL에 붙여 넣거나 메뉴에서 페이지를 선택합니다. 배너에 버튼을 포함시키지 않으려면 이 필드를 비워 둡니다.

레이아웃 옵션

  • 배너 높이 - 배너 섹션의 높이를 선택합니다.
  • 배너 폭 - 배너 섹션의 폭을 선택합니다.
  • 이미지 정렬 - 섹션 내 이미지 정렬을 선택합니다.
  • 텍스트 상자 정렬 - 섹션 내 텍스트 상자의 정렬을 선택합니다.

    텍스트 상자가 왼쪽이나 오른쪽으로 정렬된 경우 텍스트가 왼쪽 정렬되어 있습니다. 텍스트 상자가 가운데 정렬된 경우 텍스트도 가운데 정렬됩니다.

색상 설정

  • 텍스트 상자 배경 - 텍스트 상자의 색상을 선택합니다.
  • 텍스트 - 배너에서 제목과 버튼의 색상을 선택합니다. 배너 설명은 테마의 본문 텍스트 색상을 사용하여 테마 설정에서 수정할 수 있습니다.

배너 섹션 추가

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

추천 컬렉션

홈페이지의 단일 섹션에 여러 컬렉션을 추가할 수 있습니다. 컬렉션은 고객이 탐색할 수 있는 탭으로 표시됩니다.

고객이 추천 컬렉션에서 하나 이상의 제품을 카트에 추가하면 카트에 추가된 제품의 수량이 제품에 배지로 표시됩니다.

컬렉션을 여러 개 포함하는 추천 컬렉션 섹션입니다. 컬렉션 이름은 섹션 상단을 따라 클릭 가능한 탭으로 표시됩니다.

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

  • 컬렉션 -추천 컬렉션 섹션에 포함할 컬렉션을 선택합니다.
  • 컬렉션 목록 사이즈 - 기본적으로 표시할 제품 수를 선택합니다. 이 설정은 추천 컬렉션 섹션의 모든 컬렉션에 적용됩니다. - 소형 - 6개 제품

    • 중형 - 18개 제품
    • 대형 - 36개 제품
  • 이미지 스타일 - 컬렉션의 제품 이미지에 대한 이미지 자르기 스타일을 선택합니다. 이 설정은 섹션의 모든 컬렉션에 적용됩니다.

  • '빠른 구매' 버튼 활성화 - 고객이 추천 컬렉션 섹션에서 직접 카트에 제품을 추가할 수 있는 옵션을 추가합니다.

  • 컬렉션 이미지 표시 - 추천 컬렉션 탭의 맨 위에 컬렉션 이미지를 표시합니다. (버전 1.11.0+)

  • 컬렉션 설명 표시 - 추천 컬렉션 탭의 맨 위에 컬렉션 설명을 표시합니다. (버전 1.11.0+)

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

  1. 섹션 추가를 클릭합니다.
  2. 추천 컬렉션, 선택을 차례로 클릭합니다.
  3. 콘텐츠 영역에서 컬렉션 블록을 선택하거나 컬렉션 추가를 클릭합니다.
  4. 컬렉션 선택을 클릭합니다.
  5. 컬렉션 목록에서 탭에 표시할 컬렉션을 선택한 다음 선택을 클릭합니다.

    컬렉션을 추가하려면 컬렉션 추가 링크를 클릭하여 컬렉션 생성 페이지를 새 탭에 엽니다.

    선택한 컬렉션에서 제품을 추가하거나 제거하려면 컬렉션 편집 링크를 클릭하여 컬렉션 페이지를 새 탭에 엽니다.

  6. 위의 단계를 반복하여 섹션에 컬렉션을 추가할 수 있습니다.

  7. 저장을 클릭합니다.

특별 상품

홈페이지에서 제품을 추천할 수 있습니다. 제품을 추천하여 신규 제품이나 할인 중인 제품을 홍보할 수 있습니다. 고객은 이미지 아래의 왼쪽/오른쪽 화살표를 사용하여 추가 제품 이미지를 볼 수 있습니다.

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

  • 제품 - 홈페이지에서 원하는 기능이 있는 제품을 선택합니다.
  • 수량 선택기 표시 - 사용자가 카트에 추가할 수량을 지정할 수 있도록 합니다.
  • 공급 업체 표시 - 추천 제품 섹션에서 제품 브랜드나 공급업체를 표시합니다. 브랜드나 공급업체를 표시하려면 제품에 공급업체를 추가해야 합니다.
  • 동적 결제 버튼 표시 - 고객이 카트를 건너뛰고 추천 제품 섹션에서 결제로 바로 이동할 수 있습니다.
  • 소셜 공유 버튼 표시 - 고객이 소셜 미디어에서 제품을 공유하는 데 사용할 수 있는 버튼을 표시합니다. 이러한 버튼은 테마 설정에서 제어합니다.
  • 이미지 스타일 - 추천 제품 이미지에 정사각형 또는 원형 자르기를 추가할지 선택합니다.

추천 제품 섹션 추가

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

사용자 지정 콘텐츠

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

사용자 지정 콘텐츠 섹션에 포함된 설정은 다음과 같습니다.

  • 제목 - 섹션 제목입니다.

  • 모바일 레이아웃 - 모바일 장치에서 스토어를 볼 때의 블록 레이아웃입니다. 다음 옵션 중에서 선택합니다.

    • 그리드 - 최대 50% 폭의 블록은 같은 행에 표시됩니다. 50% 폭 이상의 컨테이너는 자체적인 행에 표시됩니다.
    • 스택 - 각 블록이 자체 행에 표시됩니다.
    • 슬라이더 - 블록이 단일 슬라이드 쇼 스타일 섹션으로 축소되었습니다. 고객은 탐색 화살표를 클릭하여 추가 블록을 확인할 수 있습니다.

다음 블록 유형 중에서 선택할 수 있습니다.

사용자 지정 콘텐츠 블록 유형
블록 유형 설정
텍스트

제목 - 텍스트 블록에 제목을 추가합니다.

텍스트 - 사용자 지정 텍스트를 추가하고 형식을 지정합니다.

버튼 레이블 - 블록에 텍스트 레이블이 있는 버튼을 추가합니다.

버튼 링크 - 버튼에 표시하려는 텍스트를 추가합니다.

텍스트 사이즈 - 텍스트의 사이즈를 설정합니다.

컨테이너 폭 - 블록의 폭을 설정합니다.

수직 정렬 - 블록 내 콘텐츠의 수직 위치를 설정합니다.

수평 정렬 - 블록 내 콘텐츠의 가로 위치를 설정합니다.

이미지

이미지 - 블록에 표시하려는 이미지를 추가합니다. 이미지를 업로드하고 이전에 업로드한 이미지를 사용하거나 Burst의 무료 스톡 이미지를 선택할 수 있습니다.

컨테이너 폭 - 블록의 폭을 설정합니다.

수직 정렬 - 블록 내 콘텐츠의 수직 위치를 설정합니다.

제품

제품 - 블록에서 추천할 제품을 선택합니다. 제품 이름, 이미지, 가격이 표시됩니다. 제품에 이미지가 없는 경우 제품 이름이 블록에 표시됩니다.

컨테이너 폭 - 블록의 폭을 설정합니다.

수직 정렬 - 블록 내 콘텐츠의 수직 위치를 설정합니다.

오버레이에 제품 페이지 표시제품 페이지에 대해 활성화된 경우 이 섹션에서 액세스 시 현재 페이지의 오버레이에 제품이 표시됩니다.

컬렉션

컬렉션 - 블록에서 추천할 제품을 선택합니다. 컬렉션의 이름과 추천 이미지가 표시됩니다. 추천 이미지가 없는 경우 컬렉션의 첫 번째 제품의 이미지가 표시됩니다. 컬렉션의 제품에 이미지가 없는 경우 컬렉션 이름이 블록에 표시됩니다.

컨테이너 폭 - 블록의 폭을 설정합니다.

수직 정렬 - 블록 내 콘텐츠의 수직 위치를 설정합니다.

메뉴

메뉴 - 블록에 표시할 메뉴를 선택합니다.

제목 - 메뉴의 제목을 추가합니다.

컨테이너 폭 - 블록의 폭을 설정합니다.

수직 정렬 - 블록 내 콘텐츠의 수직 위치를 설정합니다.

수평 정렬 - 블록 내 콘텐츠의 가로 위치를 설정합니다.

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

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

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

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

  4. 저장을 클릭합니다.

텍스트 포함 이미지

Express를 사용하면 이미지 오른쪽이나 왼쪽에 텍스트를 포함하는 이미지를 추가할 수 있습니다. 다른 페이지로 연결되는 버튼도 추가할 수 있습니다.

텍스트 포함 이미지 섹션을 사용하여 특정 제품이나 컬렉션을 광고할 수 있습니다.

텍스트 포함 이미지 섹션에 포함된 설정은 다음과 같습니다.

  • 이미지 - 섹션에 포함할 이미지를 추가합니다. 이미지를 업로드하고 이전에 업로드한 이미지를 사용하거나 Burst의 무료 스톡 이미지를 선택할 수 있습니다.
  • 제목 - 이미지와 함께 사용할 기본 텍스트를 추가합니다.
  • 텍스트 - 이미지와 함께 사용할 보조 텍스트를 추가합니다. 이 텍스트는 제목 텍스트 아래에 표시됩니다.
  • 버튼 레이블 - 버튼에 표시할 텍스트를 추가합니다.
  • 버튼 링크 - 버튼에 연결할 URL 또는 페이지를 설정합니다. URL에 붙여 넣거나 메뉴에서 페이지를 선택합니다. 섹션에 버튼을 포함시키지 않으려면 이 필드를 비워 둡니다.

레이아웃 옵션

  • 데스크톱 - 데스크톱 컴퓨터에서 볼 때 섹션의 이미지가 왼쪽이나 오른쪽에 표시되는지 여부를 선택합니다. 왼쪽에 이미지를 표시하려면 이미지 먼저를 선택합니다.
  • 모바일 - 모바일 장치에서 볼 때 섹션의 이미지가 첫 번째 또는 두 번째에 표시되는지 여부를 선택합니다.
  • 보조 배경 - 보조 배경 색상을 섹션에 추가할지 여부를 선택합니다. 섹션의 상위 3~5에 배경 색상을 추가하려면 부분을 선택합니다. 이 색상은 테마 설정에서 수정할 수 있습니다.
  • 텍스트 사이즈 - 섹션 내 제목과 텍스트의 상대 크기를 선택합니다.
  • 이미지 비율 유지 - 선택한 이미지가 잘리지 않도록 하려면 이 옵션을 선택하십시오. 이 옵션을 선택하지 않은 상태로 유지하면 이미지가 정사각형으로 잘립니다.
  • 보조 텍스트 색상 사용 - 이 옵션을 선택하여 제목과 텍스트에 보조 배경 텍스트 색상을 사용합니다. 이 색상은 테마 설정에서 수정할 수 있습니다.

홈페이지에 텍스트 포함 이미지 섹션 추가

  1. 섹션 추가를 클릭합니다.
  2. 텍스트 포함 이미지, 선택을 차례로 클릭합니다.
  3. 이미지 영역에서 이미지 선택을 클릭하고 다음 중 하나를 수행합니다. - Shopify 관리자에 이미 업로드한 이미지를 선택하려면 라이브러리 탭을 클릭합니다.
  4. Burst의 스톡 이미지를 선택하려면 무료 이미지 탭을 클릭합니다. 여기에서 검색어를 입력하거나 이미지 범주를 찾아볼 수 있습니다.
  5. 로컬 컴퓨터에서 이미지를 선택하려면 라이브러리 탭을 클릭한 다음 업로드를 클릭합니다.

  6. 설정을 사용하여 섹션을 사용자 지정합니다.

  7. 저장을 클릭합니다.

여러 칼럼

버전 1.11.0+

Express를 사용하면 콘텐츠 열이 여러 개 있는 섹션을 추가할 수 있습니다. 각 여러 열 섹션에 열을 4개까지 추가할 수 있습니다.

여러 열 섹션에 포함된 설정은 다음과 같습니다.

열 설정

  • 이미지 - 열에 이미지를 추가합니다.
  • 제목 - 열에 기본 텍스트를 추가합니다.
  • 텍스트 - 열에 보조 텍스트를 추가합니다.

섹션 설정

  • 제목 - 섹션의 기본 텍스트를 추가합니다.
  • 버튼 레이블 - 버튼에 표시할 텍스트를 추가합니다.
  • 버튼 링크 - 버튼에 연결할 URL 또는 페이지를 설정합니다. URL에 붙여 넣거나 메뉴에서 페이지를 선택합니다. 섹션에 버튼을 포함시키지 않으려면 이 필드를 비워 둡니다.

레이아웃 옵션

  • 정렬 - 각 열의 구성 요소에 대한 정렬을 선택합니다.
  • 모바일 레이아웃 - 섹션의 열이 모바일 장치에서 포개진 형태로 표시될지 아니면 그리드에 표시될지 선택합니다.
  • 이미지 사이즈 - 열에 있는 이미지 사이즈를 선택합니다.
  • 이미지 비율 유지 - 선택한 이미지가 잘리지 않도록 하려면 이 옵션을 선택하십시오. 이 옵션을 선택하지 않은 상태로 유지하면 이미지가 정사각형으로 잘립니다.
  • 보조 배경 및 텍스트 색상 활성화 - 이 옵션을 선택하여 제목 및 텍스트에 보조 배경 텍스트 색상과 섹션의 보조 배경 색상을 사용합니다. 테마 설정에서 이러한 색상을 수정할 수 있습니다.

홈페이지에 여러 열 섹션 추가

  1. 섹션 추가를 클릭합니다.
  2. 여러 열*을 클릭한 다음 **선택을 클릭합니다.
  3. 열 추가를 클릭하여 섹션에 열을 추가합니다.
  4. 콘텐츠 섹션에서 열을 클릭하여 열에 콘텐츠를 추가합니다.
  5. 설정을 사용하여 섹션을 사용자 지정합니다.
  6. 저장을 클릭합니다.

페이지

버전 1.10.0 이상

홈페이지에서 페이지에 서식이 있는 콘텐츠를 사용할 수 있습니다. 이 섹션을 사용하면 스토어 정책 페이지나 회사 정보 페이지에서 콘텐츠를 돋보이게 할 수 있습니다.

이러한 섹션은 다른 템플릿이 적용되는 경우에도 항상 기본 페이지 템플릿을 사용합니다. 예를 들어, 이 섹션에 page.contact 템플릿을 사용하는 연락처 페이지를 추가하면, 이 템플릿의 대화형 필드는 홈페이지에 나타나지 않습니다. 해당 페이지의 제목콘텐츠 상자에 추가한 모든 정보가 이 섹션에 표시됩니다.

홈페이지에 페이지 섹션 추가

  1. 섹션 추가를 클릭합니다.
  2. 페이지, 선택을 차례로 클릭합니다.
  3. 페이지 영역에서 페이지 선택을 클릭합니다.
  4. 콘텐츠를 표시할 페이지를 선택한 다음 선택을 클릭합니다. 현재 공개되어 있는 페이지 중에서만 선택할 수 있습니다. 새 페이지를 생성해야 하면 페이지 생성을 선택합니다.
  5. 저장을 클릭합니다.

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

무료 체험