Help Center

카페24 소식

[상점관리] 결제수단 표시 방식 기능 추가 안내

2015-08-26


안녕하세요, 카페24 운영도우미 입니다.


주문서 작성시 표시되는 결제수단의 명칭을 관리자가 직접 변경 하거나

아이콘으로 표시 할 수 있는 기능이 추가 되었습니다.

결제수단을 운영정책에 맞게 표시하여 결제율을 향상 시킬 수 있는 기능입니다.

 

자세한 내용은 아래를 참조해 주세요.

 


 

■ 적용일자 : 2015-08-26 (수)

 

■ 업데이트 내용


- 위치 : 어드민 > 상점관리 >결제관리 >결제방식 설정 >결제수단 표시 방식

▼ 관리자화면 -  주문서 작성시 결제수단 명칭 및 로고 아이콘 표시로 변경 할 수 있는 화면


① 텍스트 표시 : 주문서 작성페이지에 결제수단을 텍스트로 표시합니다. 운영자가 직접 결제수단 명칭을 변경 할 수 있습니다.

② 로고 아이콘 표시 : 주문서 작성페이지에 결제수단을 로고 아이콘으로 표시합니다. 운영자가 직접 결제수단 로고를 변경 할 수 있습니다.

                        로고 변경은 [로고 아이콘설정 바로가기 ▶] 버튼 클릭 후 메뉴 이동 또는 '디자인관리 > 디자인 기능설정 > 아이콘' 메뉴에서 변경 가능합니다.

- 로고 아이콘인경우 css를 수정해주셔야 합니다.


■ CSS 수정

1) PC 쇼핑몰 - 스마트디자인(영문,일문,중문(간체,번체))


- 위치 : 디자인관리 > 디자인편집하기 > 전체화면보기 > css > 모듈(module) > 주문(order) > formGlobal.css


아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.

 

## 상단 생략 ##

.xans-order-formglobal .payArea .method label { padding:0 30px 0 0; }

.xans-order-formglobal .payArea .method span { display:inline-block; margin:0 15px 5px 0; }
.xans-order-formglobal .payArea .method span img { vertical-align:middle; margin:0 2px 0 0; }


## 하단 생략 ##



2) PC 쇼핑몰 - 스마트디자인(국문,스페인,포루투갈)


- 위치 : 디자인관리 > 디자인편집하기 > 전체화면보기 > css > 모듈(module) > 주문(order) > form.css


아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.

 

## 상단 생략 ##

.xans-order-form .payArea .method label { padding:0 30px 0 0; }

.xans-order-form .payArea .method span { display:inline-block; margin:0 15px 5px 0; }
.xans-order-form .payArea .method span img { vertical-align:middle; margin:0 2px 0 0; }


## 하단 생략 ##



3) 모바일 쇼핑몰 - 스마트디자인(영문,일문,중문(간체,번체))


- 위치 : 모바일쇼핑몰 > 디자인편집하기 > 전체화면보기 > css > 모듈(module) > 주문(order) > formGlobal.css


아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.

 

## 상단 생략 ##

.xans-order-formglobal .boardWrite td.zipcode { font-size:11px; color:#757575; padding:7px 12px 2px 0; }

.xans-order-formglobal .boardWrite .payment span { display:inline-block; margin:0 14px 5px 0; }
.xans-order-formglobal .boardWrite .payment label img { margin:0 1px 0 0; }
.xans-order-formglobal .boardWrite .payment img[alt="help"] { width:13px; margin:0; }


## 하단 생략 ##



4) 모바일 쇼핑몰 - 스마트디자인(국문,스페인,포루투갈)


- 위치 : 모바일쇼핑몰 > 디자인편집하기 > 전체화면보기 > css > 모듈(module) > 주문(order) > form.css


아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.

 

## 상단 생략 ##

.xans-order-form .boardWrite td.zipcode { font-size:11px; color:#757575; padding:7px 12px 2px 0; }

.xans-order-form .boardWrite .payment span { display:inline-block; margin:0 14px 5px 0; }
.xans-order-form .boardWrite .payment label img { margin:0 1px 0 0; }
.xans-order-form .boardWrite .payment img[alt="help"] { width:13px; margin:0; }


## 하단 생략 ##


 

▼ 쇼핑몰 화면(PC) - 주문서 작성 페이지 결제수단에 로고 아이콘 적용된 화면



▼ 쇼핑몰 화면(모바일) -  주문서 작성 페이지 결제수단에 로고 아이콘 적용된 화면





카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다. 
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다. 

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]