후기 작성 안내 메시지 노출 기능_한별(완)

[ 기능 배포 관련 안내서 ]

1. 후기 게시판 추가하기

후기 게시판은 일반 게시판과 사용 방식이 유사하지만 개별 상품 상세 페이지에서 노출된다는 특징을 갖습니다.

[후기와 질문 > 관리]에서 후기 게시판 오른쪽의 '게시판 추가하기'를 클릭해 주세요.

설정 항목

이름 후기 게시판의 이름을 입력할 수 있습니다.

글쓰기 권한 후기를 작성할 수 있는 사용자의 범위를 정할 수 있습니다.

  • 모든 사용자 회원과 비회원 모두 후기를 작성할 수 있습니다.

  • 회원만 상점에 가입한 회원만 후기를 작성할 수 있습니다.

  • 배송(거래) 완료된 주문이 있는 회원만 상품 구매 후 주문 상태가 배송(거래) 완료된 고객만 후기를 작성할 수 있습니다.

댓글 쓰기 권한 후기에 댓글을 남길 수 있는 사용자의 범위를 정할 수 있습니다.

  • 모든 사용자 회원과 비회원 모두 후기에 댓글을 남길 수 있습니다.

  • 회원만 상점에 가입한 회원만 후기에 댓글을 남길 수 있습니다.

  • 관리자만 관리자만 후기에 댓글을 남길 수 있습니다.

글쓴이 익명 처리 '사용'으로 선택할 경우 후기 게시판에 작성되는 후기는 모두 익명 글로 등록됩니다. 익명 처리된 글쓴이 이름은 첫 번째 글자를 제외한 나머지 글자가 모두 별표(*) 표시됩니다. 예) 김**

단, 관리자는 별표(*) 처리 없이 실명으로 확인할 수 있습니다.

기본 양식 '사용'으로 선택할 경우 새 글 작성 시 관리자가 미리 입력한 내용이 게시글에 노출됩니다.

상품 상세 페이지 하단에 노출 '공개'로 선택할 경우 해당 상품의 후기가 상세 페이지 하단에 노출됩니다.

상품 상세 후기 작성 안내 '공개'로 선택할 경우 상품 상세 페이지 후기 목록 상단에 노출됩니다.

단, 상품 상세 페이지 하단에 노출을 '공개'로 선택한 경우에만 상품 상세 후기 작성 안내 영역이 활성화됩니다.

위 내용을 참고하여 상품 후기 게시판을 추가하면 상점 메뉴와 상품 상세 페이지에 반영됩니다.

1-2. 후기 작성 안내 메시지 설정하기

상품 상세 페이지의 후기 목록 상단에 구매자가 작성할 후기에 대한 안내를 노출할 수 있습니다.

[ 후기 작성 안내 메시지 설정하기 ]

Step1. 후기 게시판 설정하기에서 상품 상세 페이지 하단에 노출을 '공개'로 선택해 주세요.

Step2. 상품 상세 후기 작성 안내를 '공개'로 선택해 주세요.

상품 상세 후기 작성 안내를 '공개'로 설정하면 기본 내용은 아래와 같이 입력되어 있습니다.

🎁 기본 후기는 0원, 사진 후기는 0원의 적립금이 지급됩니다. ✍🏻 기본 후기는 0자, 사진 후기는 0자 이상으로 작성해 주세요. 📸 사진은 꼭 착장 사진으로 촬영해 주세요.

기본 내용을 수정하여 사용하시거나 직접 문구를 작성하여 이용하실 수 있습니다.

[ 후기 작성 안내 메시지 스타일 설정하기 ]

상품 상세 후기 작성 안내 '공개'로 설정하면 스타일 편집 > 상품 상세에서 후기 작성 안내 영역의 배경색과 정렬을 설정할 수 있습니다.

설정 항목

후기 작성 안내 배경색

후기 작성 안내 영역의 배경색을 설정할 수 있습니다.

처음 생성 시 기본 배경색은 #f0f0f0(옅은 회색) 입니다.

후기 작성 안내 정렬

기 작성 안내 문구를 왼쪽 / 가운데 / 오른쪽에 중에서 설정할 수 있습니다.

처음 생성 시 기본 정렬 값은 가운데 정렬입니다.

8-1. 상품 상세

설정 항목

공통

  • 너비

    • 좁은 화면의 너비는 960px 로 고정됩니다.

    • 보통 화면의 너비는 1200px 로 고정됩니다.

    • 넓은 화면의 너비는 전체 > 공통 설정의 최대 너비(기본 1800px)로 고정됩니다.

  • 정렬 상품 이름, 가격 등의 정보를 왼쪽 / 가운데 / 오른쪽 중에서 설정할 수 있습니다.

  • 여백 상품 정보의 상단 여백을 설정할 수 있습니다.

  • 간격 상품 대표 이미지와 상품 정보 사이의 간격을 설정할 수 있습니다.

  • 상세 정보 간격

    상품 정보 내 각 정보 사이의 간격을 설정할 수 있습니다.

대표 이미지 상품 상세 페이지 상단에 노출되는 상품 대표 이미지의 속성을 설정할 수 있습니다.

  • 위치 상품 대표 이미지가 보여질 위치를 왼쪽 / 오른쪽 중에서 설정할 수 있습니다.

  • 종류

    상품 대표 이미지를 노출하는 방식을 설정할 수 있습니다.

    • 나열 상품 대표 이미지가 위에서부터 아래로 순차적으로 나열됩니다.

    • 썸네일 상품 대표 이미지 하단에 위치한 작은 썸네일을 클릭하면 상단의 큰 이미지로 보입니다.

  • 너비 대표 이미지의 너비 비율을 설정할 수 있습니다.

  • 비율 대표 이미지의 출력 비율을 설정할 수 있습니다.

    • 원본 원본 비율대로 썸네일의 사이즈를 보여줍니다.

    • 2:3 / 3:4 / 1:1 / 4:3 / 3:2 / 16:9 / 7:3 / 3:1

  • 썸네일 정렬 (종류: 썸네일로 선택 시)

    하단 썸네일 이미지의 정렬 방식을 왼쪽 / 가운데 / 오른쪽 중에서 설정할 수 있습니다.

  • 썸네일 너비 (종류: 썸네일로 선택 시)

    하단 썸네일 이미지의 너비를 설정할 수 있습니다.

  • 썸네일 간격 (종류: 썸네일로 선택 시)

    하단 썸네일 이미지 사이의 간격을 설정할 수 있습니다.

  • 마우스 올릴 때 확대하기 상품 대표 이미지 위에 마우스를 올리면 이미지를 확대하여 볼 수 있습니다.

  • 클릭할 때 팝업창으로 확대하기 상품 대표 이미지를 마우스로 클릭하면 전체 팝업창으로 확대하여 볼 수 있습니다.

상품 이름

상품 상세 페이지의 상품 이름의 글자 크기를 설정할 수 있습니다.

후기 평점 보이기

'후기 평점 보이기'를 사용[✔︎]으로 선택하면 상품 이름 하단에 후기 평점이 노출됩니다.

가격

상품 상세 페이지의 상품 가격 크기를 설정할 수 있습니다.

옵션

상품 옵션 선택 박스의 배치 방식을 아래로 / 옆으로 중에서 설정할 수 있습니다.

요약 설명 상품 요약 설명의 노출 방식을 설정할 수 있습니다.

  • 위치

    • 가격 위

    • 가격 아래

    • 구매 버튼 아래

  • 크기 요약 설명의 글자 크기를 설정할 수 있습니다.

상세 설명

상품 상세 설명의 노출 방식을 설정할 수 있습니다.

  • 최대 너비

    상세 설명이 출력되는 영역의 너비를 설정할 수 있습니다.

  • 여백

    상세 설명의 상하 여백을 설정할 수 있습니다.

네비게이션 사용[✔︎]으로 선택하면 상품 공통 정보, 상품 상세 설명, 관련 상품, 후기, 질문 등 상품 상세 페이지를 구성하는 각 영역으로 바로 이동할 수 있도록 설정할 수 있습니다.

  • 글자 최대 너비 네비게이션 메뉴 사이의 최대 비를 설정할 수 있습니다.

  • 기본 글자 색상 네비게이션 메뉴의 글자 색상을 설정할 수 있습니다.

  • 선택 글자 색상 현재 선택되어 있는 네이게이션 메뉴 글자 색상을 설정할 수 있습니다.

  • 경계선 색상 네비게이션 하단 경계선의 색상을 설정할 수 있습니다.

  • 글자 크기 네비게이션 메뉴의 글자 크기를 설정할 수 있습니다.

  • 상세 설명 머리글 글자 공통 정보를 활용해 등록한 상세 설명 머리글 바로가기의 메뉴 글자를 변경할 수 있습니다.

  • 상세 설명 글자 상세 설명 본문 바로가기의 메뉴 글자를 변경할 수 있습니다.

  • 상세 설명 바닥글 글자 공통 정보를 활용해 등록한 상세 설명 바닥글 바로가기의 메뉴 글자를 변경 수 있습니다.

  • 후기 글자 상품 후기 바로가기의 메뉴 글자를 변경할 수 있습니다.

  • 질문 글자 상품 문의 바로가기의 메뉴 글자를 변경할 수 있습니다.

  • 관련 상품 글자 관련 상품 바로가의 메뉴 글자를 변경할 수 있습니다.

  • 후기 개수 보이기 사용[✔︎]으로 선택하면 상품 후기 바로가기의 메뉴 글자 옆에 후기 개수가 숫자로 노출됩니다.

  • 질문 개수 보이기

    사용[✔︎]으로 선택하면 상품 문의 바로가기의 메뉴 글자 옆에 문의 개수가 숫자로 노출됩니다.

후기와 질문 / 관련 상품

상품 상세 페이지에 노출되는 상세 설명 이외 섹션의 제목 스타일 속성을 설정할 수 있습니다.

  • 제목 정렬

    왼쪽 / 가운데 / 오른쪽 중에서 설정할 수 있습니다.

  • 제목 크기

    제목의 크기를 설정할 수 있습니다.

후기와 질문

상품 상세 페이지에 노출되는 후기와 질문의 스타일 속성을 설정할 수 있습니다.

  • 너비

    • 상세 설명 너비에 맞추기 사용자가 설정한 상세 설명 너비와 동일하게 화면에 출력됩니다.

    • 공통 너비에 맞추기

      페이지 너비와 동일하게 화면에 출력됩니다.

  • 후기 제목 글자

    상품 후기 제목의 글자를 변경할 수 있습니다.

  • 질문 제목 글자

    상품 질문 제목의 자를 변경할 수 있습니다.

  • 후기 작성 안내 배경색 후기 작성 안내 배경색을 설정할 수 있습니다.

  • 후기 작성 안내 정렬 후기 작성 안내 문구 정렬을 왼쪽 / 가운데 / 오른쪽 중에서 설정할 수 있습니다.

  • 베스트 후기 제목 글자 베스트 후기 배지에 노출되는 글자를 변경할 수 있습니다.

  • 베스트 후기 배지 배경색

    베스트 후기 배지의 배경색을 설정할 수 있습니다. 베스트 후기 배지의 글자 색상은 배경색 여부에 따라 흰색 또는 검은색으로 자동 설정됩니다.

  • 후기 등록일 보이기 사용[✔︎]으로 선택하면 상품 후기에 등록일이 노출됩니다.

  • 질문 등록일 보이기

    사용[✔︎]으로 선택하면 상품 질문에 등록일이 노출됩니다.

관련 상품

[상품 > 상품 고급 설정 > 관련 상품]에서 설정한 관련 상품의 스타일 속성을 설정할 수 있습니다.

  • 위치

    관련 상품의 노출 위치를 설정할 수 있습니다.

    • 상세 설명 위

    • 상세 설명 머리글 아래

    • 상세 설명 바닥글 위

    • 상세 설명 아래

    • 후기와 질문 아래

  • 종류 관련 상품의 노출 방식을 설정할 수 있습니다.

    • 상품 목록 설정한 열 수에 상품이 아래로 나열됩니다.

    • 상품 슬라이드 설정한 열에 맞춰 상품을 좌우로 이동하며 확인할 수 있습니다.

  • 너비

    • 상세 설명 너비에 맞추기 사용자 설정한 상세 설명 너비와 동일하게 화면에 출력됩니다.

    • 공통 너비에 맞추기

      페이지 너비와 동일하게 화면에 출력됩니다.

  • 제목 글자 관련 상품의 제목 글자를 변경할 수 있습니다.

  • 정렬 상품이 수가 열 보다 적은 경우 정렬 방식을 왼쪽 / 가운데 / 오른쪽 중에서 설정할 수 있습니다.

  • 한 줄에 몇 개의 상품을 보여줄지 설정할 수 있습니다.

  • 가로 간격 상품의 좌우 간격을 설정할 수 있습니다.

  • 세로 간격 상품의 위아래 줄 간격을 설정할 수 있습니다.

  • 상품 이름 크기 상품 이름의 크기를 설정할 수 있습니다.

  • 가격 크기 상품 가격의 크기를 설정할 수 있습니다.

  • 배지 너비 배지의 너비를 설정할 수 있습니다.

  • 배지 좌우 여백 배지의 좌우 여백을 설정할 수 있습니다.

  • 배지 상하 여백 배지의 상하 여백을 설정할 수 있습니다.

  • 배지 글자 크기

    배지의 글자 크기를 설정할 수 있습니다.

  • 전환할 때 넘어가는 상품 개수 (종류: 상품 슬라이드 선택 시)

    관련 상품의 슬라이드를 좌우로 이동 시 썸네일을 몇 개씩 넘겨줄지 설정할 수 있습니다.

  • 자동 재생하기 (종류: 상품 슬라이드 선택 시)

    사용[✔︎]으로 선택하면 지정한 재생 간격(초) 마다 관련 상품의 슬라이드가 자동으로 재생됩니다.

  • 이전 / 다음 화살표 보이기 (종류: 상품 슬라이드 선택 시)

    사용[✔︎]으로 택하면 관련 상품의 슬라이드 화면에 이전 / 다음 화살표 버튼이 노출됩니다.

    • 기본 색상

      화살표의 기본 색상을 설정할 수 있습니다.

    • 마우스 오버 색상

      화살표에 마우스를 올렸을 때 변경될 색상을 설정할 수 있습니다.

Last updated