후기 섹션-혜조(완)

[ 기능 배포 관련 안내서 ]

업로드 전 체크리스트

• 작업자: 김혜

• 목적: 기능 안내서 추가 빨리

• 기능 관련 노션 링크

• 노출 위치: 콘텐츠 구성 요소

• 깃북 현황판 작성

• 스펠러 확인

• 업로드 전 서운팀 기능 공유 (안내서만으로 원활한 CS가 어려운 기능인 경우)

업로드 후 체크리스트

• 기존 안내서에 변경할 링크 있는지 확인

• 업로드 후 서운팀 / 제품관리자 공유

• 업로드 후 링크 확인 및 글자 씹힘 없는지 확인

• 업데이트 기능별 문서 및 깃북 현황판 작성

14. 후기 섹션

후기 섹션은 등록된 후기 중 원하는 후기를 선택하여 원하는 페이지에 노출할 수 있는 섹션입니다. 아직 후기가 없는 상태라면 후기 게시판을 추가하고, 상품 후기가 등록된 이후 후기 섹션을 이용해 주세요.

14-1. 후기 섹션 개별 편집하기

[ 후기 불러오기 ]

Step1. 후기 섹션을 추가해 주세요.

디자인 편집 페이지 하단의 [+ 섹션 추가하기] 버튼을 클릭한 후 후기 섹션을 클릭하여 후기 섹션을 추가할 수 있습니다.

Step2. 후기 섹션을 더블 클릭하면 나타나는 설정 창에서 [후기 추가하기]를 클릭해 주세요.

후기 섹션에 아직 불러온 후기가 없을 때는 샘플 후기가 노출되며, 샘플 후기는 실제 사이트에 노출되지 않습니다.

Step3. [후기 불러오기]를 클릭해 주세요.

Step4. 후기 섹션에 노출할 후기를 선택하고 [저장]을 클릭해 주세요.

Step5. [완료] 버튼을 클릭하면 설정이 완료됩니다.

[ 후기 관리하기 ]

후기 섹션을 더블 클릭하면 나타나는 설정 창에서 [후기 관리하기]를 클릭하여 후기를 관리할 수 있습니다.

• 후기 내용 수정하기

후기 내용을 수정하고 [저장]을 클릭하면 후기 섹션에 노출될 후기 내용을 수정할 수 있습니다.

상품 상세페이지, 후기 게시판에 노출되는 원본 후기 내용은 변경되지 않습니다.

• 후기 노출 순서 변경하기

'≡' 아이콘을 클릭한 상태로 드래그하여 후기 섹션에 노출되는 후기 순서를 조정할 수 있습니다.

• 상품 사진으로 바꾸기

'상품 사진으로 바꾸기'를 [✔︎] 체크하면 후기 이미지 대신 상품 대표 이미지가 노출됩니다.

[ 후기 노출 방식 설정하기 ]

후기 섹션을 더블 클릭하면 나타나는 설정 창에서 [디자인]을 클릭하면 후기 노출 방식을 설정할 수 있습니다.

설정 항목
종류 후기 섹션의 노출 방식을 설정할 수 있습니다. 격자 후기 썸네일이 격자형으로 나열되어 화면에 보입니다. 슬라이드 후기 썸네일이 좌우로 이동하며 화면에 보입니다.
너비 후기 섹션 내 콘텐츠 영역의 너비를 설정할 수 있습니다. 좁은 너비가 960p로 화면에 보입니다. 보통 너비가 1,200px 로 화면에 보입니다. 넓은 너비가 전체 > 공통 설정의 최대 너비(기본 1,800px)로 화면에 보입니다. 꽉 찬 너비가 꽉 찬 형태로 화면에 보입니다.
전체 배경 후기 섹션의 전체 배경 색상과 불투명도를 설정할 수 있습니다. 색상 후기 섹션의 전체 배경 색상을 설정할 수 있습니다. 불투명도 후기 섹션 전체 배경 색상의 불투명도를 설정할 수 있습니다.
안쪽 여백 후기 섹션의 위쪽, 아래쪽 여백을 설정할 수 있습니다.
열 한 줄에 몇 개의 후기 썸네일을 보여줄지 설정할 수 있습니다.
후기 개수 후기 섹션에 총 몇 개의 후기 썸네일을 보여줄지 설정할 수 있습니다.
후기 간 간격 후기 썸네일 간 간격을 설정할 수 있습니다. 가로 후기 썸네일 간 좌우 간격을 설정할 수 있습니다. 세로 (격자형 후기 섹션 전용) 후기 썸네일 간 상하 간격을 설정할 수 있습니다.
후기 안쪽 여백 후기 섹션 안쪽의 후기 컨텐츠 좌우, 상하 여백을 설정할 수 있습니다.
후기 배경 후기 섹션의 후기 배경 색상과 모서리의 둥근 정도를 설정할 수 있습니다. 색상 후기 배경 색상을 설정할 수 있습니다. 둥근 모서리 후기 배경 모서리의 둥근 정도를 설정할 수 있습니다.
내용 정렬 후기 평점, 후기 내용, 글쓴이, 상품으로 이동 버튼의 정렬 방식을 왼쪽 / 가운데 / 오른쪽 중에서 선택할 수 있습니다.
후기 사진 보이기 '후기 사진 보이기'를 사용[✔︎]으로 체크하면 후기 사진이 노출되며, 후기 사진의 스타일 속성을 설정할 수 있습니다. 비율 후기 사진의 비율을 2:3 / 3:4 / 1:1 / 4:3 / 3:2 / 16:9 / 7:3 / 3:1 중 선택할 수 있습니다. 너비 후기 사진의 너비를 설정할 수 있습니다. 정렬 후기 사진의 정렬 방식을 왼쪽 / 가운데 / 오른쪽 중에서 선택할 수 있습니다. 후기 사진의 너비를 100% 보다 작게 설정한 상태에서만 작동합니다. 아래 여백 후기 사진과 후기 평점 사이의 여백을 설정할 수 있습니다.
후기 평점 보이기 '후기 평점 보이기'를 사용[✔︎]으로 체크하면 후기 평점이 노출되며, 후기 평점의 스타일 속성을 설정할 수 있습니다. 크기 후기 평점의 크기를 설정할 수 있습니다. 간격 후기 평점 사이의 간격을 설정할 수 있습니다. 아래 여백 후기 평점과 후기 내용 사이의 여백을 설정할 수 있습니다.
후기 내용 보이기 '후기 내용 보이기'를 사용[✔︎]으로 체크하면 후기 내용이 노출되며, 후기 내용의 스타일 속성을 설정할 수 있습니다. 크기 후기 내용의 글자 크기를 설정할 수 있습니다. 색상 후기 내용의 글자 색상을 설정할 수 있습니다. 아래 여백 후기 내용과 글쓴이 사이의 여백을 설정할 수 있습니다.
글쓴이 보이기 '글쓴이 보이기'를 사용[✔︎]으로 체크하면 글쓴이가 노출되며, 글쓴이 스타일 속성을 설정할 수 있습니다. 크기 글쓴이의 글자 크기를 설정할 수 있습니다. 색상 글쓴이의 글자 색상을 설정할 수 있습니다. 아래 여백 글쓴이와 상품으로 이동 버튼 사이의 여백을 설정할 수 있습니다.
상품으로 이동 버튼 보이기 '상품으로 이동 버튼 보이기'를 사용[✔︎]으로 체크하면 상품으로 이동하는 버튼이 노출되며, 버튼 글자 크기와 버튼에 노출할 문구를 설정할 수 있습니다. 삭제된 상품의 후기인 경우 버튼 클릭 시 '현재 구매 불가한 상품입니다.' 알림이 노출됩니다. 글자 크기 상품으로 이동하는 버튼의 글자 크기를 설정할 수 있습니다. 버튼의 크기는 글자 크기 설정값이 적용됩니다. 상품 보러 가기 상품으로 이동하는 버튼에 노출할 문구를 직접 입력할 수 있습니다.
무한 순환 (슬라이드형 후기 섹션 전용) 무한 순환을 사용[✔︎]으로 체크하면 좌우 이동 버튼을 눌렀을 때 지정한 총개수를 다 보고 다시 처음 썸네일부터 슬라이드가 이어질 수 있게 합니다.
자동 재생 (슬라이드형 후기 섹션 전용) 자동 재생을 사용[✔︎]으로 체크하면 지정한 재생 간격마다 다음 슬라이드로 이동합니다. 마우스 올릴 때 일시 정지하기 사용[✔︎]으로 체크하면 후기 섹션에 마우스를 올리면 자동 재생을 잠시 멈춥니다.
전환할 때 넘어가는 후기 개수 (슬라이드형 후기 섹션 전용) 후기 슬라이드를 좌우로 이동할 때 썸네일을 몇 개씩 넘겨 보여줄지 지정할 수 있습니다.
표시 선택 (슬라이드형 후기 섹션 전용) '이전 / 다음 화살표 보이기'를 설정할 수 있습니다.

14-2. 후기 섹션 공통 스타일 편집하기

[디자인 편집 > 메뉴(좌측 하단≡) > 스타일 편집 > 후기 섹션]에서 후기 섹션의 공통 스타일을 설정할 수 있습니다.

설정 항목
후기 내용 글꼴 후기 내용 글자의 글꼴을 설정할 수 있습니다. 굵기 후기 내용 글자의 굵기를 설정할 수 있습니다. 자간 후기 내용 글자 사이의 간격을 설정할 수 있습니다. 줄간격 후기 내용 사이의 줄간격을 설정할 수 있습니다.
글쓴이 글꼴 글쓴이 글자의 글꼴을 설정할 수 있습니다. 굵기 글쓴이 글자의 굵기를 설정할 수 있습니다. 자간 글쓴이 글자의 굵기를 설정할 수 있습니다.