← 메인 페이지로

<aside> 🔵 호스팅사 : Cafe24

</aside>

설치 가이드 순서

A. 디자인스킨 편집 페이지 접근하기

B. 브이리뷰 스크립트 적용하기

C. 나머지 탭 영역에 추가 적용하기

D. 저장 후 적용된 모습 확인하기

﹡셀프 설치가 어렵다면 ****설치 요청하기

상세페이지의 리뷰 탭을 클릭하면 리뷰 목록이 팝업창으로 노출됩니다.

설치 가이드

소요시간 20분 내외

A. 디자인스킨 편집 페이지 접근하기

1. 카페24 관리자 페이지 로그인

• 본 가이드를 띄워둔 채로, 다른 탭에서 카페24 관리자센터에 들어가 가이드대로 설치를 진행해주세요.

  카페24

2. 관리모드를 ‘프로모드’로 전환

3. 디자인 관리 메뉴 > 디자인 보관함 이동

4. 대표 디자인 선택 후 복사한 후 이름 지정

• 혹시 모를 실수에 대비해, 현재 쇼핑몰에 적용되지 않은 디자인 스킨에 작업하기 위함입니다.

• 브이리뷰 리뷰 탭-개수 연동 도 함께 설치하는 경우, 두 위젯 모두 동일한 스킨에 작업합니다.

• 이름은 구분이 가능한 대로 자유롭게 지정하셔도 됩니다.

  

5. [브이리뷰 위젯] 디자인 스킨의 미리보기 클릭

↓ 관리자 미리보기 사용안함 선택

6. 상품 상세페이지로 이동하여 위젯이 설치될 위치 확인

↓ 상품 상세페이지에는 보통 3~4개로 이뤄진 메뉴 탭이 존재합니다.

↓ 각 위치에서 리뷰 탭을 클릭시 상품 후기 영역으로 이동하며, 클릭 시 브이리뷰 위젯이 팝업창이 열리게 하도록 설치를 시작합니다.

7. 디자인 관리> 디자인 보관함으로 다시 이동하여, 디자인 수정을 클릭

8. 왼쪽 메뉴에서 ‘상품상세’ 클릭

↓ 상품 상세페이지를 수정할 수 있는 화면이 열립니다

B. 브이리뷰 스크립트 적용하기

9. 리뷰 탭 영역을 클릭하여 아래 HTML 편집기에 해당 영역의 소스코드 찾기

↓ HTML 편집기가 보이지 않거나 너무 좁은 경우 👆🏻 부분을 잡고 위로 드래그합니다.

↓ 리뷰 탭 영역 클릭 시, 해당 영역이 파란색으로 표시됩니다

↓ 편집기 영역을 스크롤하여 리뷰탭 영역(블록으로 씌워진)을 찾습니다

10. 탭 메뉴 소스코드 중 ‘리뷰’에 해당 하는 영역 찾기

↓ 상품 상세페이지의 메뉴 타이틀 4개 (DETAIL, GUIDE, REVIEW, Q&A) 가 차례대로 적혀있는 영역입니다.

↓ 쇼핑몰 마다 리뷰 탭의 이름이 다르기 때문에, 자사 쇼핑몰의 리뷰 탭 이름과 동일한 영역을 찾습니다. 예시의 경우, 리뷰 메뉴의 타이틀이 ‘REVIEW’이기에, REVIEW를 찾습니다.

11. 기존 리뷰 탭 영역 코드 복사 후, 주석처리