Search
▶️

가로 스크롤

🗂️ 위젯 별
Search
리스트
리스트

주의안내

CSS/JavaScript를 적용하여 위젯을 원하는 형태로 변경할 수 있지만 이 후 위젯 업데이트 시 디자인이 의도와 다르게 변경되거나 문제가 발생할 수 있습니다. 크리마에서는 CSS/JavaScript 적용으로 인해 발생한 문제에 대해서는 대응이 어려우니 참고하여 진행 부탁드립니다.

경로 :  리뷰 / 리뷰 설정 / 위젯 설정 / [설치경로] / 가로 스크롤 위젯 설정버튼

위젯 스타일 및 디바이스 지정영역

 위젯 설치 형태의 영역으로 수정에 유의해주셔야 합니다 아래 두가지 기능을 사용해 주세요!
위젯 노출 여부 : 위젯을 잠시 미노출 시키고 싶을 때 ON/OFF
위젯 숨김 설정 : 리뷰 작성글이 N개 이하 일때 숨길 수 있어요
TIP : 0개 이하 일때와 같은 숨기기 조건 설정 후, 대체 이미지 삽입을 통해 최초 리뷰일시 적립금 두배! 와 같은 이미지배너를 삽입해 리뷰 작성을 유도할 수 있어요

정렬 방식 관리

전체 리뷰 위젯의 경우 기본 4가지 정렬방식을 설정할 수 있습니다. (기본 최신,별점,추천 세팅)
최신순 : 가장 최근에 작성한 순 부터 정렬
별점순 : 별점이 가장 높은 순 부터 정렬 *별점 동일 시 가장 최근에 작성한 순으로 정렬
추천순 : 쇼핑몰이 지정한 추천 리뷰 → 도움 순(도움돼요)으로 정렬 *본인 리뷰 우선 표시 기능 사용시 최우선 정렬
도움순 : 도움돼요 수 (내림차순) 에 따른 정렬
 먼저 표시할 리뷰 추가 기능을 이용하고 싶다면? 바로가기
상품 리뷰 위젯의 경우 기본 정렬 순만 설정 할 수 있어요
기본 정렬 방식
최신순 : 가장 최근에 작성한 순 부터 정렬
별점순 : 별점이 가장 높은 순 부터 정렬 *별점 동일 시 가장 최근에 작성한 순으로 정렬
추천순 : 쇼핑몰이 지정한 추천 리뷰 → 도움 순(도움돼요)으로 정렬 *본인 리뷰 우선 표시 기능 사용시 최우선 정렬

노출 리뷰 설정

기본형은 상품페이지나 전체후기 페이지 등에 선택적으로 고객의 리뷰를 보여주는것이 아닌 모든 리뷰가 보여지게되고, 옵션형의 경우, 쇼핑몰이 지정한 리뷰만 보여지게 설정할 수 있어요!
기본설치형이란? 상세페이지나 전체후기게시판내 리뷰위젯이 최초로 설치되는 영역엔 기본형이 설치됩니다.
옵션설치형이란? 상세페이지나 전체후기게시판내 리뷰위젯이 추가로 설치되는 영역엔 옵션형이 설치됩니다. *기본형이 설치되어야 옵션형을 설치하여 리뷰에 태그를 설정하여 노출할 수 있어요!

 리뷰정렬의 자세한 내용이 궁금하다면? 바로가기

 리뷰 태그 기능이 궁금하다면? 바로가기

사용 항목 및 기능 설정

상품의 상세 페이지에 설치되어 있다면 상품 리뷰 위젯
전체후기 페이지에 설치되어 있다면 전체 리뷰 위젯
스크롤 동작 방식
: PC형 위젯은 페이지 단위로 이동, 모바일은 리뷰 콘텐츠 1개 씩 이동해요!
*모바일형
쇼핑몰 원본 상품 썸네일 사용
전체리뷰위젯 , 상품목록위젯에서 구매상품의 이미지를 호스팅사 이미지 기준으로 노출할지 크리마 서버내 저장된(크롭처리된) 이미지를 노출 할 지 선택할 수 있어요
위젯 제목 사용
: 원하는 문구로 제목을 설정할 수 있습니다.
스크롤 동작 방식
: PC형 위젯은 페이지 단위로 이동, 모바일은 리뷰 콘텐츠 1개 씩 이동해요!
*PC형은 수동 스크롤 시 마지막에 전체후기게시판으로 이동 버튼 적용이 가능해요

위젯 디자인

포토 섬네일 표시 방법

정사각형으로 표시
원본 비율대로 표시
원본 비율에 따라, 상하 혹은 좌우로 여백이 생길 수 있습니다.

리뷰 표시 정보

가로스크롤 위젯 하단의 정보영역을 숨길 수 있어요 (포토영역 강조)

한 줄에 표시할 리뷰수 (모바일)

: 모바일 특성상 최대 3개까지만 보여지게 할 수 있어요.

 한 페이지에 표시할 리뷰 수 (PC)

위젯이 설치된 페이지에 총 몇개의 리뷰를 보여지게 할 지를 설정할 수 있어요! 이외, 포토섬네일이 한줄에 보여질 갯수 및 여백(PC) 등의 조정이 필요하다면 운영팀으로 문의해주세요
예를 들어 한페이지에 총 10개를 노출시키지만 각 배열에 따라 보여지는게 달라요
기본 (디폴트)
한줄에 3개 N*3
N*3 비율(80%) 및 리뷰간 간격(20px) 조정
기능화 제공 전 개별 CSS 작업을 통해 요소의 형태나 배열이 수정되어 있다면 기능 적용이 정상적으로 이뤄지지 않습니다. 정상적인 기능사용을 위해서는 위젯의 기본값으로 변경하시거나, 배열에 영향이 있는 CSS코드를 삭제해주세요! *기본형태로 전환희망 시 리뷰운영팀으로 문의해주세요

이 위젯의 상단에 추가할 이미지 주소

쇼핑몰 주소가 https로 시작하는 경우에는 이미지의 주소 역시 https로 되어있어야만 이미지가 노출되며, http로 시작하는 경우에는 http, https 모두 이미지가 노출됩니다.

이 위젯의 하단에 추가할 이미지 주소

쇼핑몰 주소가 https로 시작하는 경우에는 이미지의 주소 역시 https로 되어있어야만 이미지가 노출되며, http로 시작하는 경우에는 http, https 모두 이미지가 노출됩니다.

이 위젯에만 적용할 여백값

상단 여백 px
오른쪽 여백 px
하단 여백 px
왼쪽 여백 px
웹페이지 이미지 주소를 불러오기 때문에 호스팅사 서버에 웹 이미지를 저장시킨 후 해당 이미지 주소를 입력하시길 권장드립니다

예시 살펴보기

이 위젯에만 적용할 CSS

Plain Text
복사

이 위젯에만 적용할 JavaScript

Plain Text
복사

위젯의 디폴트 CSS 영역을 제외하고 추가 CSS 작업을 할 수 있습니다.

크리마 위젯의 설치당시 삽입된 CSS는 수정하시면 안되요! 만일, 수정하게 될 경우 위젯 업데이트 시 레이아웃이 틀어질 수 있습니다. 혹시라도 커스텀 CSS작업으로 인해 위젯 레이아웃이 틀어진다면 크리마 위젯의 기본형태로 전환을 진행해주세요!