Dawn에 사용할 수 있는 페이지 유형

각 페이지에는 자체적인 기본 섹션과 설정이 있습니다.

제품 페이지

기본적으로 제품 페이지에는 제품 정보 섹션과 제품 추천 섹션이 있습니다.

제품 정보 섹션에 포함된 기본 블록은 다음과 같습니다.

  • 텍스트(기본값은 vendor 특성을 표시함)
  • 제목
  • 텍스트(기본값은 product subtitle 특성을 표시함)
  • 가격
  • 이형 상품 피커
  • 수량 선택기
  • 구매 버튼
  • 설명
  • 공유

또한 다음 블록을 추가할 수 있습니다.

  • 텍스트
  • 사용자 지정 Liquid
  • 제품 평점
  • 축소 가능 탭
  • 팝업

제품 정보 섹션은 최대 16개 블록을 포함할 수 있습니다.

제품 정보 섹션 설정

제품 정보 섹션의 설정
설정 설명
큰 화면에 제품 정보 스티커 사용 페이지를 아래로 스크롤할 때 제품 정보 열은 모든 이미지가 스크롤될 때까지 스크롤되지 않습니다.
이형 상품 선택 시 다른 이형 상품의 미디어 숨기기 이형 상품을 선택하면 다른 이형 상품의 이미지가 보기에서 숨겨집니다. 이형 상품을 선택 취소하면 이미지가 다시 나타납니다.
동영상 루프 활성화 동영상을 루프에서 재생하도록 설정하여 동영상이 끝나면 자동으로 리플레이됩니다.

제품 정보 블록

다음 블록을 제품 정보 섹션에 추가할 수 있습니다.

텍스트 블록

텍스트 블록은 다이나믹 소스를 사용하여 정적 텍스트 또는 가변 데이터를 표시하기 위해 사용될 수 있습니다. 예를 들어 "$100 USD 이상 무료 배송"과 같은 마케팅 메시지를 표시하는 텍스트를 각 제품에 동일하게 표시되도록 추가할 수 있습니다. 또한 제품의 공급업체 필드와 같이 제품이 표시되는 제품에 따라 달라질 수 있는 다이나믹 소스를 추가할 수도 있습니다.

제품 정보 섹션의 텍스트 블록에 대한 설정
설정 설명
텍스트 제품 페이지에 정보를 추가합니다. 텍스트 또는 다이나믹 소스를 지원합니다.
텍스트 스타일

텍스트 스타일을 변경합니다.

  • 본문 - 텍스트를 단락 스타일 텍스트로 변경합니다.
  • 소제목 - 텍스트를 단락 스타일 텍스트보다 약간 큰 소제목 텍스트로 변경합니다.
  • 대문자 - 텍스트를 단락 스타일 텍스트보다 작게 변경하고 모든 문자를 대문자로 표시합니다.

제목 블록

이 블록에는 제품 이름이 표시됩니다. 조정 가능한 설정이 없습니다.

가격 블록

이 블록에는 가격 및 가격 비교와 같은 제품에 책정된 가격 정보가 표시됩니다. 조정할 수 있는 설정이 없습니다.

이형 상품 피커 블록

이 블록은 제품의 이형 상품 옵션을 표시합니다.

제품 정보 섹션의 이형 상품 피커 블록에 대한 설정
설정 설명
유형

이형 상품이 고객에게 표시되는 방식을 변경합니다.

  • 버튼 - 이형 상품을 클릭 가능한 버튼으로 표시합니다.
  • 드롭다운 - 확장 가능한 드롭다운 메뉴에 이형 상품을 표시합니다.

구매 버튼 블록

이 블록은 "카트에 추가" 버튼 및 모든 매장 내 픽업 정보를 표시합니다. 또한 모든 동적 결제 버튼을 표시합니다.

제품 정보 섹션의 구매 버튼 블록에 대한 설정
설정 설명
동적 결제 버튼 표시 결제 설정에서 활성화한 모든 동적 결제 옵션을 표시합니다.

설명 블록

이 블록에는 제품 설명이 표시됩니다. 조정 가능한 설정이 없습니다.

제품 평점 블록

이 블록은 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다.

제품 평점을 표시하려면 Shopify 제품 리뷰와 같은 제품 리뷰 앱과 reviews.rating_countreviews.rating에 대한 메타 필드 정의가 필요합니다.

블록 공유

이 블록에는 고객이 소셜 미디어에서 제품을 공유할 수 있는 클릭 가능한 링크가 표시됩니다.

제품 정보 섹션의 공유 블록에 대한 설정
설정 설명
텍스트 고객이 클릭하여 제품을 소셜 미디어에 공유하는 클릭 가능한 텍스트입니다.

수량 선택기 블록

이 블록은 고객이 구매할 제품의 수량 단위를 변경하기 위해 사용할 수 있는 수량 선택기를 표시합니다. 조정 가능한 설정은 포함하지 않습니다. 기본 수량은 1입니다.

사용자 지정 Liquid 블록

이 블록에는 블록에 추가할 수 있는 사용자 지정 Liquid 또는 HTML 코드가 표시됩니다.

제품 정보 섹션의 사용자 지정 Liquid 블록에 대한 설정
설정 설명
사용자 지정 Liquid Liquid 또는 HTML 코드로 입력할 수 있는 콘텐츠를 표시합니다.

축소 가능 탭 블록

이 블록은 제목이 있는 축소 가능한 탭을 표시합니다. 고객이 제목을 클릭하면 탭이 확장되어 추가 콘텐츠가 표시됩니다.

제품 정보 섹션의 축소 가능한 탭 블록에 대한 설정
설정 설명
제목 탭의 제목입니다. 축소 및 확대 시 표시됩니다.
탭 콘텐츠 탭의 콘텐츠입니다. 탭이 확장된 경우에만 표시됩니다.
페이지의 탭 콘텐츠 탭에 있는 페이지의 콘텐츠를 표시합니다. 페이지 편집기에서 페이지 콘텐츠만 표시하고 페이지 템플릿의 Liquid 스타일 지정이 이 블록에 표시됩니다. 탭 콘텐츠에 입력된 모든 콘텐츠는 페이지 콘텐츠 위에 표시됩니다.

팝업 블록

이 블록은 클릭했을 때 팝업 창을 열어 주는 클릭 가능한 텍스트를 표시합니다. 이 팝업은 페이지 중 하나의 콘텐츠를 표시합니다.

제품 정보 섹션의 팝업 블록에 대한 설정
설정 설명
링크 레이블 고객이 클릭하여 팝업 창을 표시하는 클릭 가능한 텍스트입니다.
페이지 팝업 창에 표시할 콘텐츠가 포함된 페이지입니다. 페이지 편집기의 페이지 콘텐츠만 표시합니다. 페이지 템플릿의 Liquid 스타일은 팝업에 표시되지 않습니다.

추천 제품 섹션 설정

현재 조회 중인 제품을 기반으로 이 섹션은 단일 제품 또는 해당 제품과 함께 자주 구매되는 여러 제품들을 표시합니다.

제품 추천 섹션에 대한 설정
설정 설명
제목 섹션 제목입니다.
이미지 비율 권장 제품의 이미지에 대한 이미지 비율:
  • 이미지에 맞춤 - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
  • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
  • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
마우스를 올리면 보조 배경 표시 고객이 커서를 이미지 위에 올리면 제품에 두 번째 이미지가 있는 경우 해당 이미지를 표시합니다.
이미지 패딩 추가 제품 이미지 주변에 추가 공간을 추가합니다.
이미지 테두리 표시 이미지 주위에 테두리를 표시합니다.
공급업체 표시 각 제품의 공급업체를 표시합니다.
제품 평점 표시 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. Shopify 제품 리뷰와 같은 제품 리뷰 앱과 리뷰.평점_수에 대한 메타 필드 정의가 필요합니다. 리뷰.평점에 대한 정의도 있어야 합니다.

제품 추천에 대해 자세히 알아보려면 제품 추천 이해를 참조하십시오.

컬렉션 페이지

기본적으로 컬렉션 페이지에는 컬렉션 배너제품 그리드 섹션이 있습니다.

컬렉션 배너 섹션 설정

컬렉션 배너 섹션에 대한 설정
설정 설명
컬렉션 설명 표시 컬렉션에 대한 설명을 표시합니다.
컬렉션 이미지 표시 컬렉션 이미지를 표시합니다.

제품 그리드 섹션 설정

제품 그리드 섹션에 대한 설정
설정 설명
페이지당 제품 각 페이지에 표시할 제품 수입니다. 8에서 24까지 4의 배수일 수 있습니다. 기본값은 16입니다.
이미지 비율 제품 이미지의 이미지 비율:
  • 이미지에 맞춤(기본값) - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
  • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
  • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
마우스를 올리면 보조 배경 표시 고객이 커서를 제품 이미지 위에 올리면 두 번째 제품 이미지가 표시됩니다(제품에 포함된 경우).
이미지 패딩 추가 제품 이미지 주변에 추가 공간을 추가합니다.
이미지 테두리 표시 이미지 주위에 테두리를 표시합니다.
공급업체 표시 각 제품의 공급업체를 표시합니다.
제품 평점 표시 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. Shopify 제품 리뷰와 같은 제품 리뷰 앱과 리뷰.평점_수에 대한 메타 필드 정의가 필요합니다. 리뷰.평점에 대한 정의도 있어야 합니다.
필터 사용 고객이 탐색 설정의 필터에 따라 컬렉션의 제품을 필터링할 수 있습니다.
정렬 사용

고객이 컬렉션에서 제품을 정렬할 수 있는 기준은 다음과 같습니다.

  • 추천 - 제품을 포함하는 모든 시간의 주문 수를 기준으로 하는 베스트셀러 제품입니다. 아직 제품을 판매하지 않은 경우 이 옵션은 최신 제품에서 오래된 제품 순서로 정렬합니다.
  • 베스트셀러 - 각 제품이 주문된 횟수를 기준으로 제품을 내림차순으로 표시합니다.
  • 알파벳순(A-Z) - 제품을 알파벳순으로 표시합니다.
  • 알파벳순(Z-A) - 제품을 알파벳 역순으로 표시합니다.
  • 가격(낮은 가격부터) - 가장 낮은 가격부터 가장 높은 가격으로 제품을 표시합니다.
  • 가격(높은 가격부터) - 가장 높은 가격부터 가장 낮은 가격으로 제품을 표시합니다.
  • 날짜(오래된 날짜부터) - 각 제품이 스토어에 추가된 날짜에 따라 가장 오래된 제품부터 최신 제품으로 표시합니다.
  • 날짜(최신 날짜부터) - 각 제품이 스토어에 추가된 날짜에 따라 최신 제품부터 가장 오래된 제품으로 표시합니다.
더 큰 화면에서 축소 고객은 "필터 및 정렬" 제목을 클릭하여 필터링 또는 정렬 옵션을 표시해야 합니다. "필터 및 정렬" 제목을 표시하려면 필터링 사용 또는 정렬 사용 중 하나 이상이 활성화되어야 합니다.

컬렉션 목록 페이지

컬렉션 목록 페이지에는 온라인 스토어 판매 채널에서 사용 가능한 모든 컬렉션이 표시됩니다.

컬렉션 목록 페이지에 대한 설정
설정 설명
제목 페이지의 제목입니다.
컬렉션 정렬 기준

컬렉션을 표시할 순서를 결정합니다.

  • 알파벳순(A-Z) - 컬렉션을 알파벳순으로 표시합니다.
  • 알파벳순(Z-A) - 컬렉션을 알파벳 역순으로 표시합니다.
  • 날짜(최신 날짜부터) - 스토어에서 각 컬렉션이 생성된 날짜에 따라 최근 컬렉션부터 가장 오래된 컬렉션으로 표시합니다.
  • 날짜(오래된 날짜부터) - 스토어에서 각 컬렉션이 생성된 날짜에 따라 가장 오래된 컬렉션부터 최근 컬렉션으로 표시합니다.
  • 제품 개수(높은 개수부터) - 포함된 제품 수에 따라 컬렉션을 가장 높은 개수부터 가장 낮은 개수로 표시합니다.
  • 제품 개수(낮은 개수부터) - 포함된 제품 수에 따라 컬렉션을 가장 낮은 개수부터 가장 높은 개수로 표시합니다.
이미지 비율 컬렉션 이미지의 이미지 비율:
  • 이미지에 맞춤(기본값) - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
  • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
  • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
색상 배합 컬렉션 제목 섹션 및 이미지 패딩의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
이미지 패딩 추가 컬렉션 이미지 주변에 추가 공간을 추가합니다.

페이지

Shopify 관리자에서 사용자 지정 페이지를 생성하여 고객용 콘텐츠(예: 정보 페이지 또는 제품에 관한 추가 정보)를 만들 수 있습니다. 이러한 페이지에는 테마 편집기 내에 추가 설정이 없습니다.

블로그 페이지

블로그 페이지는 Shopify 관리자 내에서 생성한 모든 블로그의 홈페이지입니다. 기본적으로 블로그 게시물 섹션이 포함되어 있습니다.

블로그 게시물 섹션 설정

블로그 게시물 섹션에는 블로그 내 최신 블로그 게시물이 표시됩니다. 각 블로그 게시물에는 블로그 이미지, 블로그 제목, 블로그 게시물의 요약 또는 처음 몇 단어가 표시됩니다.

블로그 게시물 섹션에 대한 설정
설정 설명
추천 이미지 표시 블로그의 추천 이미지를 표시합니다.
날짜 표시 각 블로그 게시물에 대해 블로그 게시물이 게시된 날짜를 표시합니다.
작성자 표시 각 블로그 게시물에 대해 블로그 게시물의 작성자를 표시합니다.

블로그 게시물 페이지

블로그 게시물 페이지에는 블로그 게시물의 콘텐츠가 표시됩니다. 기본적으로 블로그 게시물 섹션이 포함되어 있습니다. 블로그 게시물 섹션 자체에는 사용자 지정 가능한 설정이 없지만 다음 기본 블록이 포함되어 있습니다.

  • 추천 이미지
  • 제목
  • 공유
  • 콘텐츠

추천 이미지 블록

블로그 게시물 페이지의 추천 이미지 블록에 대한 설정
설정 설명
추천 이미지 높이

블로그 게시물의 추천 이미지 높이를 결정합니다.

  • 이미지에 맞춤 - 이미지의 원래 가로 세로 비율을 유지합니다.
  • 보통 - 545픽셀
  • 크게 - 660픽셀

제목 블록

블로그 게시물 페이지의 제목 블록에 대한 설정
설정 설명
날짜 표시 블로그 게시물이 게시된 날짜를 표시합니다.
작성자 표시 블로그 게시물의 작성자를 표시합니다.

블록 공유

이 블록은 고객이 소셜 미디어에서 블로그 게시물을 공유할 수 있는 클릭 가능한 링크를 표시합니다.

블로그 게시물 페이지의 공유 블록에 대한 설정
설정 설명
텍스트 고객이 클릭하여 블로그 게시물을 소셜 미디어에 공유하는 클릭 가능한 텍스트입니다.

콘텐츠 블록

콘텐츠 블록에는 블로그 게시물의 콘텐츠가 표시됩니다. 사용자 지정 가능한 설정이 없습니다.

카트 페이지

기본적으로 카트 페이지에는 품목소계 섹션이 있습니다.

품목 섹션 설정

품목 섹션은 고객이 카트에 추가한 제품 및 수량을 표시합니다.

카트 페이지의 품목 섹션에 대한 설정
설정 설명
공급업체 표시 카트에 있는 각 제품의 공급업체를 표시합니다.

소계 섹션 설정

소계 섹션에는 소계 가격결제 버튼 블록이 있습니다. 두 블록은 모두 사용자 지정 가능한 설정이 없습니다.

카트 페이지의 소계 섹션에 대한 설정
설정 설명
카트 참고 사항 사용 고객이 추가 정보를 입력할 수 있는 카트 참고 사항 필드를 표시합니다.

비밀번호 페이지

비밀번호 보호가 온라인 스토어에 설정되어 있고 고객이 웹사이트를 방문할 때 비밀번호 페이지가 표시됩니다. 이 페이지에는 고유 머리글 및 바닥글이 있고 기본적으로 이메일 가입 섹션이 있습니다.

비밀번호 머리글 섹션

비밀번호 페이지의 비밀번호 헤더 섹션에 대한 설정
설정 설명
로고 이미지 표시하려는 로고입니다.
사용자 지정 로고 폭 로고의 폭입니다. 50픽셀에서 250픽셀까지 10의 배수일 수 있습니다. 기본값은 100픽셀입니다.
배경 구성표 비밀번호 머리글 섹션의 배경과 이미지 패딩은 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.

이메일 가입 섹션

이 섹션은 고객이 비즈니스 개시일과 같이 비즈니스에 대해 자세히 알아볼 수 있도록 이메일 마케팅에 가입할 수 있는 방법을 제공합니다.

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

제목 블록

비밀번호 페이지의 비밀번호 머리글 섹션에 있는 제목 블록에 대한 설정
설정 설명
제목 섹션 제목입니다.

소제목 블록

비밀번호 페이지의 비밀번호 머리글 섹션에 있는 제목 블록에 대한 설정
설정 설명
설명 섹션의 텍스트 콘텐츠입니다.

이메일 양식 블록

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

비밀번호 바닥글 섹션

비밀번호 페이지의 비밀번호 바닥글 섹션에 대한 설정
설정 설명
색상 배합 비밀번호 바닥글 섹션의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.

404 페이지

404 페이지는 스토어에서 삭제된 제품의 제품 페이지와 같이 존재하지 않는 사이트 링크를 고객이 방문하려고 시도할 때 표시됩니다. 이 페이지에는 사용자 지정 가능한 설정이 없습니다.

검색 페이지

검색 페이지에서는 고객이 온라인 스토어 내에서 특정 제품 또는 페이지를 검색할 수 있습니다. 이 페이지에는 기본적으로 검색 결과 섹션이 포함되어 있습니다.

검색 결과 섹션 설정

검색 결과 섹션에 대한 설정
설정 설명
이미지 비율 권장 제품의 이미지에 대한 이미지 비율:
  • 이미지에 맞춤(기본값) - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다.
  • 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다.
  • 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
마우스를 올리면 보조 배경 표시 고객이 커서를 제품 이미지 위에 올리면 두 번째 제품 이미지가 표시됩니다(제품에 포함된 경우).
이미지 패딩 추가 제품 이미지 주변에 추가 공간을 추가합니다.
이미지 테두리 표시 이미지 주위에 테두리를 표시합니다.
공급업체 표시 각 제품의 공급업체를 표시합니다.
제품 평점 표시 별점으로 평균 제품 평가를 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. Shopify 제품 리뷰와 같은 제품 리뷰 앱과 리뷰.평점_수에 대한 메타 필드 정의가 필요합니다. 리뷰.평점에 대한 정의도 있어야 합니다.
날짜 표시 각 블로그 게시물에 대해 블로그 게시물이 게시된 날짜를 표시합니다.
작성자 표시 각 블로그 게시물에 대해 블로그 게시물의 작성자를 표시합니다.

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

무료 체험