카테고리 메뉴

  • 종합몰,멀티샵
  • 여성패션,잡화
  • 남성패션,잡화
  • 화장품,향수,세안품
  • 건강,식품,약품
  • 유아,아동용품
  • 팬시,문구
  • 컴퓨터,가전제품
  • 인테리어,가구,소품

온라인 설문조사

온라인 설문조사

디자인 구매시 가장 고려하는 점?

설문조사 항목

투표하기 결과보기

현재 위치
  1. 게시판
  2. FAQ

FAQ

고객님들이 자주 궁금해하시는 내용들입니다.

게시판 상세
제목 하단 에스크로 (KCP) 배너 수정하기
작성자 별모아디자인 (ip:)
  • 작성일 2020-07-13
  • 추천 추천하기
  • 조회수 4
평점 0점


쇼핑몰 하단 오른쪽에 에스크로 배너를 수정하는 방법입니다.

KCP를 이용중이신 분들만 아래 설명 참고바랍니다.


관리자페이지에서 상점관리 > 결제관리 >통합결제(PG) > 서비스 신청에서

PG사와 에스크로 동시 신청 후 결제사의 승인이 모두 완료되고 난 후에

쇼핑몰 하단에 에스크로 소스 삽입이 가능합니다.



아래 순서대로 해주시면 됩니다.



1. 에스크로 배너 이미지와 링크 주소를 확인하는 방법 :


상점관리 > 결제관리 >통합결제(PG) > 이용현황 에서

현재 이용중이신 결제서비스 제공사 목록이 보이는데

상세보기 버튼 클릭하시면 페이지 하단에 배너 삽입 소스가 있고

그 아래에 결제사 배너 마크 이미지가 3가지 정도 보입니다.







위의 소스를  보시면 value="A94AF" 라고 된 부분이 있습니다.

A94AF 가 고객님 쇼핑몰 고유의 코드입니다.

쇼핑몰마다 코드는 다릅니다.

위의 소스는 예시입니다.






메모장을 열어서 아래 소스를 복사하여 붙인 후

아래 소스에서 빨간 부분을 고객님 쇼핑몰 코드로 수정해주세요.


<!-- 하단 에스크로 마크 -->
            <div class="bottom_escrow">
             <a href="#" onclick="window.open('http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp?site_cd=A94AF','new','resizable=no, width=500, height=450');return false"><img src="https://m-img.cafe24.com/images/bi/kcp/105x154.gif" border="0"></a>
     </div>



이제 메모장의 소스를 복사하여

스마트디자인 편집창에 붙여넣어주어야 합니다.

아래 설명대로 해주시기 바랍니다.


---------------------------------------------------------


2. 에스크로 소스를 스마트디자인 편집창에 붙여넣기 :


디자인 관리 > 디자인관리 > 디자인 보관함에 가셔서

해당 디자인의 HTML 디자인 수정 버튼 클릭하시면

스마트 디자인 편집창이 뜹니다.

편집창 왼쪽 하단의 화면명 검색 창에서 footer.html 을 검색하여 /layout/basic/footer.html 에 체크한 후

선택파일열기 를 클릭해주세요.



html소스창에서 스크롤을 내려 하단쪽에 보시면

<!-- 하단 에스크로 마크 --> 라는 주석이 보입니다.

그 주석만 남겨두고 주석 바로 아래의 소스인 아래 빨간색 부분만 삭제해주세요.


<!-- 하단 에스크로 마크 -->

  <span class="bottom_escrow"><a href="http://kcp.co.kr" target="_blank"><img src="/web/upload/byulmoa69/images/bottom_escrow.gif" alt="에스크로" border="0" /></a></span>



삭제한 자리에는 메모장의 소스를 복사하여 붙여넣어주세요.

수정된 최종 소스는 아래와 같습니다.

코드만 쇼핑몰마다 다릅니다.

소스를 붙여넣으신 후 스마트디자인 편집창 상단 왼쪽의 저장 버튼을 반드시 클릭해주세요.



<!-- 하단 에스크로 마크 -->
     
    <div class="bottom_escrow">
             <a href="#" onclick="window.open('http://admin.kcp.co.kr/Modules/escrow/kcp_pop.jsp?site_cd=A94AF','new','resizable=no, width=500, height=450');return false"><img src="https://m-img.cafe24.com/images/bi/kcp/105x154.gif" border="0"></a>
     </div>



--------------------------------------------------------------------------------------------------------------------



아래는 필요시에만 참고해주세요.

 


3. 에스크로 배너 위치 조절하기 :


아래는 쇼핑몰 하단에서 에스크로 마크의 위치를 조절하는 방법입니다.

에스크로 배너 이미지의 상하좌우 위치를 원하시는대로 화면을 봐가며 조절 가능합니다.


디자인관리 > 디자인관리 > 디자인보관함 > HTML다지인 수정 버튼 클릭하여

스마트디자인 편집창이 뜨면, 편집창 하단 왼쪽의 화면명 검색에서 footer.css 를 검색하여

선택파일열기를 하면 하단영역의 css소스가 나타납니다.

소스창에서 아래쪽에 보시면 /* 하단 에스크로 */ 라는 글자 바로 밑에 아래와 같은 소스가 보입니다.


아래 소스에서 right:0;은 하단영역을 기준으로 오른쪽에서 0픽셀 떨어진 위치를 말합니다.

0을 다른 숫자로 수정해가면서 좌우 위치조절 해주시면 됩니다.

아래 소스에서  top: 54px;은 하단영역을 기준으로 하단영역 위에서 54px 떨어진 위치를 말합니다. 

54를  다른 숫자로 수정해가면서 상하 위치조절 해주시면 됩니다.


쇼핑몰 화면에서 확인해가며 원하시는 위치로 조절해주세요.

수정 후 스마트디자인 편집창 상단 왼쪽의 저장 버튼 클릭해주세요.



/* 하단 에스크로 */
.bottom_escrow {
   position: absolute;
   right: 0px;  
   top: 54px; 

   cursor:pointer;
}

첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
관리자게시 게시안함 스팸신고 스팸해제
목록 삭제 수정 답변
댓글 수정

비밀번호 :

수정 취소

/ byte

비밀번호 : 확인 취소

댓글 입력

댓글달기이름 :비밀번호 : 관리자답변보기

확인

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.

왼쪽 스크롤 배너

오른쪽 스크롤 배너

위로이동 아래로이동