<aside> 🔵 호스팅사 : Cafe24
</aside>
﹡셀프 설치가 어렵다면 ****설치 요청하기
소요시간 20분 내외
혹시 모를 실수에 대비해, 현재 쇼핑몰에 적용되지 않은 디자인 스킨에 작업하기 위함입니다.
브이리뷰 리뷰 탭-개수 연동 도 함께 설치하는 경우, 두 위젯 모두 동일한 스킨에 작업합니다.
이름은 구분이 가능한 대로 자유롭게 지정하셔도 됩니다.
↓ 상품 상세페이지의 메뉴 탭 영역을 확인합니다.
↓ 상품 상세페이지를 수정할 수 있는 에디터 화면이 열립니다
↓ 리뷰 탭 영역 클릭 시 파란색으로 표시되고, 에디터에 이 영역에 해당하는 코드가 블록으로 표시됩니다.
↓ 블록된 영역을 스크롤하여 리뷰 탭에 해당하는 코드를 찾습니다
↓ 상품 상세페이지의 메뉴 타이틀 4개 (상세정보, 구매안내, 상품후기, Q&A) 가 차례대로 적혀있는 영역입니다.
↓ 쇼핑몰 마다 리뷰 탭의 이름이 다르기 때문에, 자사 쇼핑몰의 리뷰 탭 이름과 동일한 영역을 찾습니다. 예시의 경우, 리뷰 메뉴의 타이틀이 ‘상품 후기’이기에, 상품후기를 찾습니다.
↓ 기존의 코드를 복사(Copy) 한 후, 바로 윗줄에 붙여넣기(Paste) 합니다.
↓ 붙여넣은 코드의 양쪽에 <!—- -—> 를 적어줍니다.
*기존의 리뷰 탭 영역을 비활성화 하고, 브이리뷰의 위젯을 설치하는 과정입니다.
*주석은 기능이 없는 코드입니다. 코드에 주석 처리시 해당 영역은 보이지 않거나 기능을 하지 않습니다.
*추후 리뷰 탭을 이전으로 복구할 경우를 대비해, 기존 리뷰 탭 영역은 삭제하지 않고 주석처리하여 비활성화 합니다.
↓ 아래 스크립트를 복사합니다.
↓ 11번에서 주석처리한 코드 바로 아래에 복사한 주석 스크립트를 붙여넣습니다.
↓ 아래 코드를 복사합니다
↓ 리뷰 탭 영역 코드의 맨 앞 <li> 태그 안에 복사한 코드를 붙여넣습니다.
↓selected가 있는 <li>태그에 브이리뷰 클래스 코드가 심겨질 경우 다음과 같습니다.