Dawn에 사용할 수 있는 섹션

Dawn에서는 모든 페이지에 섹션을 추가할 수 있습니다. 각 페이지에 표시되는 몇 가지 기본 섹션으로는 공지 표시줄, 머리글 및 바닥글 등이 있습니다.

공지 표시줄

공지 표시줄을 사용하면 어떤 페이지에서든 고객에게 중요한 정보를 전달할 수 있습니다. 이 섹션은 그 자체로 설정을 포함하지 않지만 최대 12개까지 서로 다른 공지 블록을 표시하도록 사용자 지정할 수 있습니다. 공지 표시줄에 링크를 추가하여 클릭 가능하게 만들고 고객을 특정 페이지로 연결할 수 있습니다.

공지 블록

공지 표시줄 섹션의 공지 블록에 대한 설정
설정 설명
텍스트 고객에게 표시하려는 공지입니다.
색상 배합 공지 표시줄에 사용할 색상 배합입니다.
링크 고객이 공지 표시줄을 클릭할 때 이동할 수 있게 하려는 링크입니다.

머리글

머리글은 테마의 모든 페이지에 표시됩니다.

섹션 설정

제목 섹션에 대한 설정
설정 설명
로고 이미지 스토어의 로고입니다.
사용자 지정 로고 폭 로고의 폭입니다. 50픽셀에서 250픽셀까지 10의 배수일 수 있습니다. 기본값은 100픽셀입니다.
큰 화면에서 로고 위치

고객이 데스크톱과 같은 대형 화면에서 사이트를 볼 때 머리글에 로고가 표시되는 위치입니다.

  • 왼쪽 중간 - 주 메뉴에 로고 인라인을 표시하고 세로로 가운데 및 왼쪽으로 정렬합니다.
  • 왼쪽 상단 - 주 메뉴 위에 로고를 표시하고 로고 및 메뉴 항목을 왼쪽으로 정렬합니다.
  • 왼쪽 중간(기본값) - 주 메뉴 위에 로고를 표시하고 로고 및 메뉴 항목을 가운데에 정렬합니다.
메뉴 주 메뉴에 사용할 메뉴입니다.
구분선 표시 머리글을 페이지 콘텐츠와 시각적으로 구분하는 선을 표시합니다.
고정 머리글 사용 고객이 위로 스크롤할 때 머리글을 다시 표시합니다. 아래로 스크롤하면 사라집니다.

바닥글

바닥글은 테마의 모든 페이지에 표시됩니다.

섹션 설정

바닥글 섹션에 대한 설정
설정 설명
색상 배합 바닥글의 배경은 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
이메일 가입 표시 고객이 뉴스레터 및 마케팅에 가입할 수 있는 이메일 가입 양식이 포함됩니다.
제목 이메일 가입 표시 양식의 제목입니다. 이메일 가입 표시가 활성화되지 않은 경우에는 표시되지 않습니다.
소셜 미디어 아이콘 테마 설정에서 프로필 링크를 입력한 소셜 미디어 플랫폼에 대한 아이콘을 표시합니다.
국가/지역 선택기 사용 결제 설정에서 활성화한 국가 및 지역을 고객이 선택할 수 있는 선택기를 추가하여, 고객이 자신이 선택한 통화로 제품 가격을 볼 수 있게 해줍니다.
언어 선택기 사용 언어 설정에서 활성화한 국가 및 지역을 고객이 선택할 수 있는 선택기를 추가하여, 고객이 자신이 선택한 언어로 스토어를 볼 수 있게 해줍니다.
결제 아이콘 표시 스토어에서 활성화된 모든 결제 방법에 대한 아이콘을 표시합니다.

메뉴 블록

바닥글 섹션의 메뉴 블록에 대한 설정
설정 설명
제목 블록의 제목입니다.
메뉴 블록에 표시할 메뉴입니다.

텍스트 블록

텍스트 블록은 스토어 세부 정보, 프로모션 또는 연락처 정보와 같은 중요 정보를 강조 표시하기 위해 사용될 수 있습니다.

바닥글 섹션의 텍스트 블록에 대한 설정
설정 설명
제목 블록의 제목입니다.
하위 텍스트 블록에 표시할 텍스트입니다.

이미지 블록

바닥글 섹션의 이미지 블록에 대한 설정
설정 설명
이미지 블록에 표시할 이미지입니다.
이미지 폭 이미지의 폭을 설정합니다. 50픽셀에서 200픽셀까지 5의 배수일 수 있습니다. 기본값은 100픽셀입니다.
큰 화면에서 이미지 정렬

블록 내에서 이미지를 정렬합니다.

  • 왼쪽 - 이미지를 블록 왼쪽으로 정렬합니다.
  • 가운데(기본값) - 이미지를 블록 중앙에 정렬합니다.
  • 오른쪽 - 이미지를 블록 오른쪽으로 정렬합니다.

블로그 게시물

Shopify 스토어에 블로그가 있으면 블로그 게시물 섹션을 사용해서 해당 블로그의 게시물을 강조 표시할 수 있습니다. 블로그 게시물 섹션의 각 블로그 게시물에는 해당 게시물의 발췌본 중 처음 55자가 표시됩니다. 블로그 게시물에 발췌본이 없으면 게시물에서 처음 30자 부분이 대신 표시됩니다.

섹션 설정

블로그 게시물 섹션에 대한 설정
설정 설명
제목 섹션 제목입니다.
블로그 블로그 게시물을 표시하려는 블로그입니다. 블로그 페이지에서 알파벳순으로 첫 번째 블로그가 기본값으로 설정됩니다.
블로그 게시물 섹션에 표시하려는 블로그 게시물의 수입니다. 최대 게시물은 3개입니다.
추천 이미지 표시 블로그 게시물의 추천 이미지를 표시합니다. 권장되는 이미지 가로 세로 비율은 2:3입니다.
날짜 표시 블로그 게시물이 생성된 날짜를 표시합니다.
작성자 표시 블로그 게시물의 작성자를 표시합니다.
보조 배경 표시 텍스트 색상을 기준으로 배경색을 조정합니다.
블로그에 표시된 것보다 많은 블로그 게시물이 있는 경우 "모두 보기" 버튼 활성화 블로그에 블로그 게시물 필드에 설정된 것보다 많은 블로그 게시물이 있는 경우 고객을 블로그 페이지로 연결하는 "모두 보기" 버튼이 표시됩니다.

블로그 선택

  1. 테마 편집기에서 블로그 게시물 섹션의 제목을 클릭합니다.
  2. 블로그 섹션에서 변경을 클릭합니다.
  3. 블로그를 선택합니다.
  4. 선택을 클릭한 다음 저장을 클릭합니다.

콜라주

동영상, 이미지, 제품 및 컬렉션의 콜라주를 생성할 수 있습니다. 각 콜라주 섹션에는 3개의 블록이 포함됩니다. 기본적으로 이 섹션에는 동영상, 제품 및 컬렉션 블록이 포함됩니다.

3개를 초과하는 블록을 포함하는 콜라주를 생성하려면 첫 번째 품목 아래에 추가 콜라주 섹션을 추가하고 하단 콜라주 섹션에 제목 값을 포함하지 마십시오. 콜라주 섹션은 단일 섹션으로 함께 처리됩니다.

섹션 설정

콜라주 섹션에 대한 설정
설정 설명
제목 섹션 제목입니다.
데스크톱 레이아웃

데스크톱에서 블록을 표시하는 방식입니다.

  • 왼쪽에 큰 블록(기본값) - 섹션의 첫 번째 블록이 왼쪽에 표시되고 다른 블록보다 큽니다.
  • 우측에 큰 블록 - 섹션의 마지막 블록이 우측에 다른 블록보다 크게 표시됩니다.
  • 모바일 레이아웃 배치

    모바일에서 블록을 표시하는 방식입니다.

    • 콜라주 - 콜라주 레이아웃에 이미지를 표시합니다.
      • 좌측에 큰 블록데스크톱 레이아웃에 활성화되었으면 섹션의 첫 번째 블록이 위쪽에 다른 블록보다 크게 표시됩니다.
      • 우측에 큰 블록데스크톱 레이아웃에 활성화되었으면 섹션의 마지막 블록이 아래쪽에 다른 블록보다 크게 표시됩니다.
    • - 모든 크기의 한 열에 있는 이미지를 표시합니다.

    동영상 블록

    콜라주 섹션의 동영상 블록에 대한 설정
    설정 설명
    커버 이미지 고객이 동영상을 재생하기 전에 표시되는 이미지입니다.
    링크 YouTube 또는 Vimeo 동영상 링크입니다. 동영상을 공개적으로 볼 수 있어야 합니다.
    동영상 대체 텍스트 동영상의 대체 텍스트입니다. 스크린리더를 사용하는 고객을 위한 동영상을 설명합니다.
    이미지 패딩 추가 이미지가 잘리지 않도록 필요한 추가 공간을 추가합니다. 이미지 잘림을 방지하려면 16:9 가로 세로 비율로 커버 이미지를 업로드합니다.

    제품 블록

    콜라주 섹션의 제품 블록에 대한 설정
    설정 설명
    제품 표시하려는 제품입니다.
    보조 배경 표시 텍스트 색상을 기준으로 배경색을 조정합니다.
    마우스를 올리면 보조 배경 표시 고객이 커서를 제품 이미지 위에 올리면 두 번째 제품 이미지가 표시됩니다(제품에 포함된 경우).
    이미지 패딩 추가 이미지가 잘리지 않도록 필요한 추가 공간을 추가합니다. 이미지 잘림을 방지하려면 16:9 가로 세로 비율로 제품 이미지를 업로드합니다.

    컬렉션 블록

    콜라주 섹션에서 컬렉션 블록에 대한 설정
    설정 설명
    컬렉션 표시하려는 컬렉션입니다.
    이미지 패딩 추가 이미지가 잘리지 않도록 필요한 추가 공간을 추가합니다. 이미지 잘림을 방지하려면 16:9 가로 세로 비율로 제품 이미지를 업로드합니다.
    색상 배합 컬렉션 블록 섹션의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.

    이미지 블록

    콜라주 섹션의 이미지 블록에 대한 설정
    설정 설명
    이미지 표시하려는 이미지입니다.
    이미지 패딩 추가 이미지가 잘리지 않도록 필요한 추가 공간을 추가합니다. 이미지 잘림을 방지하려면 16:9 가로 세로 비율로 제품 이미지를 업로드합니다.
    색상 배합 이미지 블록의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.

    컬렉션 목록

    강조 표시하려는 컬렉션 목록을 추가할 수 있습니다. 컬렉션 목록에 컬렉션 블록을 최대 16개까지 추가할 수 있습니다.

    섹션 설정

    컬렉션 목록 섹션에 대한 설정
    설정 설명
    제목 섹션 제목입니다.
    이미지 비율 컬렉션의 추천 이미지에 대한 이미지 비율:
    • 이미지에 맞춤 - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
    • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
    • 정사각형(기본값) - 1:1 비율을 사용하도록 이미지를 자릅니다.
    색상 배합 컬렉션 목록 섹션 및 이미지 패딩의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
    모바일에서 스와이프 활성화 고객이 옆으로 스와이프하여 더 많은 컬렉션 블록을 볼 수 있도록 모바일 디스플레이를 열에서 행으로 변경합니다.
    이미지 패딩 추가 이미지가 잘리지 않도록 필요한 추가 공간을 추가합니다. 이미지 잘림을 방지하려면 16:9 가로 세로 비율로 제품 이미지를 업로드합니다.
    목록에 표시된 것보다 많은 컬렉션이 있는 경우 "모두 보기" 버튼 활성화 컬렉션 목록에 표시할 최대 컬렉션 필드에 설정된 것보다 많은 컬렉션이 있는 경우 고객을 컬렉션 목록으로 연결하는 "모두 보기" 버튼이 표시됩니다.

    컬렉션 선택

    1. 테마 편집기에서 컬렉션을 추가할 컬렉션 블록을 클릭합니다.
    2. 컬렉션 선택을 클릭합니다.
    3. 컬렉션을 클릭한 다음 선택을 클릭합니다.

    연락처 양식

    연락처 양식을 제출하면 스토어의 발신자 이메일 주소로 모두 전송됩니다. 발신자 이메일 주소는 Shopify 관리자의 일반 설정에서 변경할 수 있습니다.

    양식에 다음과 같은 필드가 있습니다.

    • 이름
    • 이메일(필수 항목)
    • 전화 번호
    • 댓글

    연락처 양식에는 다음과 같은 색상 배합을 사용합니다.

    • 배경색은 배경 1의 색상입니다.
    • 텍스트 및 텍스트 필드 윤곽 색상은 텍스트의 색상입니다.
    • "전송" 버튼 색상은 강조 1의 색상입니다.

    사용자 지정 Liquid

    고유한 Liquid 코드를 추가하여 사용자 지정 섹션을 생성할 수 있습니다.

    • 다운로드한 앱의 지침에 제공되는 앱 코드 조각을 추가하여 페이지에 앱을 쉽게 도입합니다.
    • 편집기에서 사용자 지정 Liquid 코드를 직접 추가합니다.

    이메일 가입

    고객이 이메일 주소를 입력하고 뉴스레터 또는 마케팅에 가입할 수 있는 섹션을 추가할 수 있습니다. 고객이 가입하면 Shopify 관리자에서 고객 계정이 생성됩니다.

    섹션에는 다음 세 가지 기본 블록이 있습니다.

    • 제목
    • 소제목
    • 이메일 양식

    섹션 설정

    이메일 가입 섹션에 대한 설정
    설정 설명
    색상 배합 이메일 가입 섹션의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
    섹션을 전체 폭 사용 섹션을 브라우저 창의 전체 너비로 설정합니다.

    제목 블록

    컬렉션 목록에서 제목 블록에 대한 설정
    설정 설명
    제목 섹션 제목입니다.

    소제목 블록

    컬렉션 목록 섹션의 소제목 블록에 대한 설정
    설정 설명
    설명 섹션에 대한 설명입니다.

    이메일 양식

    이메일 양식 블록은 고객이 마케팅에 가입할 이메일 주소를 입력할 수 있는 필드를 표시합니다. 블록에는 사용자 지정 가능한 설정이 없습니다.

    특별 상품

    특정 제품을 추천하는 섹션을 추가할 수 있습니다.

    섹션 설정

    추천 제품 섹션에 대한 설정
    설정 설명
    제품 섹션에서 추천으로 표시할 제품입니다.
    보조 배경 표시 보조 배경 색상으로 추천 제품을 표시합니다.
    동영상 루프 활성화 동영상을 다시 재생할 수 있습니다. 고객이 재생을 시작하려면 클릭해야 합니다.

    섹션 블록

    Dawn에서는 특별 제품 섹션에 다음 블록을 추가할 수 있습니다.

    추천 제품 섹션에서 사용 가능한 블록
    블록 설정
    텍스트 추천 제품의 텍스트를 입력합니다.
    • 텍스트: 텍스트 또는 다이나믹 소스를 허용합니다.
    • 텍스트 스타일: 본문, 자막 또는 대문자 중에서 선택합니다.
    제목 이 블록에는 사용자 지정 가능한 설정이 없습니다.
    가격 이 블록에는 사용자 지정 가능한 설정이 없습니다.
    이형 상품 피커 버튼 또는 드롭다운 메뉴 중에서 선택합니다.
    수량 선택기 이 블록에는 사용자 지정 가능한 설정이 없습니다.
    동적 결제 버튼 표시 결제 설정에서 활성화한 모든 동적 결제 옵션을 표시합니다.
    공유 고객이 소셜 미디어에 제품을 공유할 수 있는 클릭 가능한 텍스트입니다.
    제품 평점 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. Shopify 제품 리뷰와 같은 제품 리뷰 앱과 리뷰.평점_수에 대한 메타 필드 정의가 필요합니다. 리뷰.평점에 대한 정의도 있어야 합니다.
    사용자 지정 Liquid 사용자 지정 Liquid 또는 HTML 코드를 추가합니다.

    추천 컬렉션

    하나의 컬렉션에 제품을 표시하는 섹션을 추가할 수 있습니다.

    섹션 설정

    추천 컬렉션 섹션에 대한 설정
    설정 설명
    제목 섹션 제목입니다.
    컬렉션 제품을 표시하려는 컬렉션입니다.
    표시할 제품의 최대 수 표시할 컬렉션의 제품 수입니다. 짝수여야 합니다. 최소 2개, 최대 12개입니다.
    컬렉션에 표시된 것보다 많은 제품이 있는 경우 "모두 보기" 버튼 활성화 컬렉션에 표시할 최대 제품 필드에 설정된 것보다 많은 제품이 있는 경우 고객을 컬렉션 페이지로 연결하는 "모두 보기" 버튼이 표시됩니다.
    모바일에서 스와이프 활성화 고객이 옆으로 스와이프하여 더 많은 제품을 볼 수 있도록 모바일 디스플레이를 열에서 행으로 변경합니다.
    이미지 비율 제품 이미지의 이미지 비율:
    • 이미지에 맞춤 - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
    • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
    • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
    마우스를 올리면 보조 배경 표시 고객이 커서를 제품 이미지 위에 올리면 두 번째 제품 이미지가 표시됩니다(제품에 포함된 경우).
    패딩 추가 이미지가 잘리지 않도록 이미지에 패딩을 추가합니다.
    이미지 테두리 표시 제품 이미지에 얇은 테두리를 추가합니다.
    공급업체 표시 제품의 공급업체를 표시합니다.
    제품 평점 표시 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. Shopify 제품 리뷰와 같은 제품 리뷰 앱과 리뷰.평점_수에 대한 메타 필드 정의가 필요합니다. 리뷰.평점에 대한 정의도 있어야 합니다.

    이미지 배너

    이미지 배너 섹션은 한두 개의 이미지를 지원하고 버튼이 있는 텍스트 상자를 제공합니다. 이미지 두 개를 사용하는 경우 데스크톱에 나란히 표시됩니다. 모바일에서는 이미지를 나란히 표시할지 열에 표시할지 선택할 수 있습니다.

    데스크톱의 경우 텍스트 상자는 이미지를 부분적으로 덮습니다. 모바일의 경우 텍스트 상자가 이미지 아래에 표시됩니다.

    섹션 설정

    이미지 배너 섹션에 대한 설정
    설정 설명
    첫 번째 이미지 배너의 주요 이미지입니다. 섹션에 두 개의 이미지가 추가되면 고객이 데스크톱 또는 모바일을 사용하는지에 따라 이 이미지가 좌측 또는 상단에 표시됩니다.
    두 번째 이미지 배너의 보조 이미지입니다. 섹션에 두 개의 이미지가 추가되면 고객이 데스크톱 또는 모바일을 사용하는지에 따라 이 이미지가 우측 또는 하단에 표시됩니다.
    첫 번째 이미지에 섹션 높이 맞추기 섹션의 높이를 첫 번째 이미지의 높이로 설정합니다. 모바일에서는 두 이미지가 모두 첫 번째 이미지의 높이로 조정됩니다.
    데스크톱에 텍스트 상자 표시 데스크톱 컴퓨터에서 쇼핑하는 고객을 위해 배너 이미지 위에 텍스트 상자를 표시합니다.
    데스크톱 텍스트 위치

    데스크톱에서 볼 때 이미지 위에 있는 텍스트 상자의 위치입니다.

    • 위쪽 - 이미지 상단에 텍스트 상자를 표시합니다.
    • 가운데 - 이미지 중앙에 텍스트 상자를 표시합니다.
    • 아래쪽 - 이미지 하단에 텍스트 상자를 표시합니다.

    텍스트 상자는 항상 가로로 중앙에 표시됩니다.

    이미지 오버레이 투명도 오버레이로 배너 이미지를 흐리게 표시합니다. 슬라이더를 사용하여 오버레이 불투명도를 설정합니다. 기본값은 0%입니다.
    색상 배합 이미지 배너 섹션과 이미지 패딩의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다. 선택한 색상 배합은 데스크톱에 텍스트 상자 표시 옵션이 선택된 경우에만 표시됩니다.
    모바일 스택 이미지 섹션에 두 개의 이미지가 추가되면 이미지를 나란히 표시하지 않고 열에 표시합니다.
    텍스트를 이미지 아래에 표시 모바일에서 이미지 아래에 텍스트를 표시합니다.

    제목 블록

    이미지 배너 섹션의 제목 블록에 대한 설정
    설정 설명
    제목 텍스트 상자 제목에 대한 큰 텍스트입니다.
    제목 사이즈 제목 텍스트의 크기를 변경합니다. 보통과 크게 중에서 선택합니다.

    텍스트 블록

    이미지 배너 섹션의 텍스트 블록에 대한 설정
    설정 설명
    설명 단락 스타일 텍스트를 표시합니다.

    버튼 블록

    이미지 배너 섹션의 버튼 블록에 대한 설정
    설정 설명
    첫 번째 버튼 레이블 첫 번째 버튼에 표시되는 텍스트입니다.
    첫 번째 버튼 링크 첫 번째 버튼을 연결하려는 URL입니다.
    윤곽 버튼 스타일 사용 버튼 스타일을 단색 배경이 아닌 버튼에 윤곽선이 있도록 조정합니다.
    두 번째 버튼 레이블 두 번째 버튼에 표시되는 텍스트입니다.
    두 번째 버튼 링크 두 번째 버튼에 연결할 URL입니다.
    윤곽 버튼 스타일 사용 버튼 스타일을 단색 배경이 아닌 버튼에 윤곽선이 있도록 조정합니다.

    텍스트 포함 이미지

    고객을 새 페이지로 연결하는 선택적 버튼이 있는 텍스트 블록과 이미지가 포함된 섹션을 추가할 수 있습니다. 텍스트와 이미지를 짝지어 선택한 제품, 컬렉션 또는 블로그 게시물을 강조합니다. 사용 가능성, 스타일에 대한 자세한 정보를 추가하거나 리뷰를 제공합니다.

    섹션 설정

    텍스트 포함 이미지 섹션에 대한 설정
    설정 설명
    이미지 섹션의 이미지입니다.
    이미지 비율 이미지에 대한 이미지 비율:
    • 이미지에 맞춤 - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
    • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
    • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
    색상 배합 텍스트 포함 이미지 및 이미지 패딩의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
    데스크톱 레이아웃 데스크톱의 섹션 레이아웃:
    • 이미지 우선 - 왼쪽에 이미지를 표시합니다.
    • 텍스트 먼저 - 왼쪽에 텍스트를 표시합니다.

    제목 블록

    텍스트 포함 이미지 섹션의 제목 블록에 대한 설정
    설정 설명
    제목 섹션 제목에 대한 큰 텍스트입니다.

    텍스트 블록

    텍스트 포함 이미지 섹션의 텍스트 블록에 대한 설정
    설정 설명
    설명 텍스트 섹션에 단락 스타일 텍스트를 표시합니다.

    버튼 블록

    텍스트 포함 이미지 섹션의 버튼 블록에 대한 설정
    설정 설명
    버튼 레이블 버튼에 표시되는 텍스트입니다.
    버튼 링크 버튼에 연결할 URL입니다.

    여러 열

    여러 열 섹션을 사용하여 열 레이아웃에 콘텐츠를 표시하고 열 아래에 버튼을 추가하여 고객을 새 페이지로 안내할 수 있습니다. 텍스트와 이미지를 짝지어 선택한 제품, 컬렉션 또는 블로그 게시물을 강조합니다. 사용 가능성, 스타일에 대한 자세한 정보를 추가하거나 리뷰를 제공합니다.

    섹션 설정

    다중 열 섹션에 대한 설정
    설정 설명
    제목 섹션 제목입니다.
    이미지 폭

    열에 추가된 이미지의 폭입니다.

    • 열의 전체 폭 - 이미지의 폭은 열의 전체 크기입니다.
    • 열의 1/2 폭 - 이미지의 폭은 열의 절반 크기입니다.
    • 열의 1/3 폭 - 이미지의 폭은 열 크기의 3분의 1입니다.
    이미지 비율

    이미지에 대한 이미지 비율:

    • 이미지에 맞춤 - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
    • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
    • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
    • 원형 - 원으로 표시되도록 이미지를 자릅니다.
    열 맞춤

    열 내 이미지와 텍스트 정렬:

    • 왼쪽(기본값) - 이미지와 텍스트를 왼쪽으로 정렬합니다.
    • 가운데 - 이미지와 텍스트를 중앙으로 정렬합니다.
    보조 배경

    배경에 따라 섹션 스타일을 조정합니다.

    • 없음 - 열 및 섹션 배경은 배경 1의 색상을 유지하며 열에는 패딩이 없습니다.
    • 열의 배경으로 표시 - 열의 배경은 불투명한 텍스트 색상이며 열에 패딩을 추가합니다.
    • 섹션의 배경으로 표시 - 섹션의 배경은 불투명한 텍스트 색상이고 열의 배경은 배경 1이며 열에 패딩이 추가됩니다.
    버튼 레이블 버튼에 표시되는 텍스트입니다.
    버튼 링크 버튼에 연결할 URL입니다.
    모바일에서 스와이프 활성화 고객이 옆으로 스와이프하여 더 많은 열 블록을 볼 수 있도록 모바일 디스플레이를 열에서 행으로 변경합니다.

    열 블록

    한 섹션에 최대 12개의 열이 있을 수 있습니다. 열 블록이 1개, 2개 또는 3개인 경우 데스크톱의 한 행에 표시됩니다. 열 블록이 4개 이상인 경우 두 열의 레이아웃으로 표시됩니다. 모바일에서 열 블록은 모바일에서 스와이프 활성화가 활성화되지 않는 한 단일 열에서의 디스플레이를 차단합니다.

    다중 열 섹션의 열 블록에 대한 설정
    설정 설명
    이미지 표시하려는 이미지입니다.
    제목 열의 제목입니다.
    설명 열에 있는 단락 텍스트입니다.

    페이지

    섹션에 사용자 지정 페이지의 콘텐츠를 표시하도록 선택할 수 있습니다. 이렇게 하면 페이지의 전체 콘텐츠가 섹션에 제공되지만 어떤 템플릿에서도 Liquid 코드를 가져오지 않습니다.

    섹션의 색상 배합은 다음 설정을 사용합니다.

    • 기본적으로 텍스트는 텍스트의 색상입니다. 페이지의 텍스트에 적용되는 모든 특정 스타일이 해당 섹션에 적용됩니다.
    • 하이퍼링크는 강조 1의 색상입니다.

    섹션 설정

    페이지 섹션에 대한 설정
    설정 설명
    페이지 표시하려는 온라인 스토어의 페이지입니다.

    Rich text

    머리글, 단락 콘텐츠 및 고객을 새 페이지로 연결하는 버튼이 포함된 서식있는 텍스트 섹션을 추가할 수 있습니다.

    섹션 설정

    서식있는 텍스트 섹션에 대한 설정
    설정 설명
    색상 배합 서식있는 텍스트 섹션의 배경입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
    섹션을 전체 폭 사용 섹션은 기본적으로 전체 너비입니다.

    제목 블록

    서식있는 텍스트 섹션의 제목 블록에 대한 설정
    설정 설명
    제목 섹션 제목입니다.
    제목 글꼴 크기

    제목 텍스트 크기:

    • 스몰
    • 보통
    • 라지

    텍스트 블록

    텍스트 블록은 고객과 브랜드에 대한 정보를 공유할 수 있는 좋은 방법입니다. 제품의 장점을 설명하거나 공지를 하거나 고객의 스토어 방문을 환영하거나 브랜드 가치에 대해 이야기할 수 있습니다.

    서식있는 텍스트 섹션의 텍스트 블록에 대한 설정
    설정 설명
    설명 섹션의 주요 콘텐츠에 대한 단락 스타일 텍스트입니다.

    버튼 블록

    서식있는 텍스트 섹션의 버튼 블록에 대한 설정
    설정 설명
    버튼 레이블 버튼에 표시되는 텍스트입니다.
    버튼 링크 버튼에 연결할 URL입니다.
    윤곽 버튼 스타일 사용 버튼 스타일을 단색 배경이 아닌 버튼에 윤곽선이 있도록 조정합니다.

    동영상

    동영상 섹션을 추가하여 스토어의 페이지에 YouTube 또는 Vimeo 동영상을 임베드할 수 있습니다.

    섹션 설정

    동영상 섹션에 대한 설정
    설정 설명
    제목 섹션 제목입니다.
    커버 이미지 고객이 동영상을 재생하기 전에 표시되는 이미지입니다.
    URL YouTube 또는 Vimeo 동영상 링크입니다. 동영상을 공개적으로 볼 수 있어야 합니다.
    동영상 대체 텍스트 동영상의 대체 텍스트입니다.
    섹션을 전체 폭 사용 기본 패딩을 제거하고 섹션을 페이지의 전체 너비로 설정합니다.

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

    무료 체험