자세히 알아보기

디자인 소스 수정 방법

1. [관리자] 디자인 > 디자인관리 로 이동해 주세요.
2. 대표 디자인으로 사용 중인 모바일 디자인의 '디자인 편집' 버튼을 클릭해 주세요.
3. 스마트디자인 편집창 왼쪽에서 '전체화면보기(탭)' 을 클릭해 주세요.
4. js > 모듈(module) > 상품(product) 폴더 내 detail.js 파일을 열어주세요.

5. ▼ 아래와 같이 빨간색 소스를 삭제해 주세요.

   // 상품상세 탭 이벤트
   $('#tabProduct a').click(function(e){
       var oTarget = $(this).attr('href');
       $(this).parent('li').addClass('selected').siblings().removeClass('selected');
       $('#tabProduct a').each(function(){
           var oSiblings = $(this).attr('href');
           if (oTarget != oSiblings) {
               $(oSiblings).hide();
           } else {
               $(oTarget).show();
           }
       });
       removePagingArea(oTarget);
       e.preventDefault(); ← 이 부분 삭제
   });
   ## 하단 생략 ##

6. js > 모듈(module) > 상품(product) 폴더 내 review.js 파일을 열어주세요.

7. ▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가해 주세요.

   /**
    * 상품상세 사용후기
    */
   $(document).ready(function(){
       $('.xans-product-review a').click(function(e) {
           e.preventDefault();
           var no = $(this).attr('href').replace(/(\S*)no=(\d+)(\S*)/g, '$2');
           var $obj = $('#product-review-read_'+no);
   
           //로드된 엘리먼트 존재 체크
           if ($obj.length > 0) {
               if ($obj.css('display') =='none') {
                   $obj.show();
               } else {
                   $obj.hide();
               }
               return;
           }
           REVIEW.getReadData($(this));
       });
   
       // 구매후기 탭 바로 활성화처리
       var href = document.location.href.split('#')[1];
       if (href == 'use_review') ← 이 부분 삭제
       if (href == 'use_review' || href == 'prdReview') ← 이 부분 추가
      {
           $('a[name="use_review"]').trigger('click');
       }
   });
   var PARENT = '';

8. 소스 수정을 완료한 뒤 스마트디자인 편집창 위의 '저장' 버튼을 클릭해 주세요.
9. 쇼핑몰에서 수정된 부분이 정상적으로 작동하는지 확인해 보세요.