🗂️ 위젯 별
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작업으로 인해 위젯 레이아웃이 틀어진다면 크리마 위젯의 기본형태로 전환을 진행해주세요!