Help Center
카페24 소식
[모바일쇼핑몰] 주문서 결제방법 라디오버튼으로 변경 안내
2014-05-13
안녕하세요, 카페24 운영도우미 입니다.
모바일쇼핑몰 주문서 작성에서 결제방법 선택방식을 라디오버튼 형태로 변경할 수 있도록 기능이 개선되었습니다.
자세한 내용은 아래를 참조해 주세요.
---------------------------------------------------------------------------------------------------
■ 적용일자 : 2014-05-13 (화)
■ 업데이트 내용
모바일쇼핑몰에서 상품 주문 결제시, 결제방법 선택을 Dropdown 형태에서 Radio button 형태로
변경할 수 있도록 기능이 개선되었습니다.
Radio button제공을 통해 모바일에서 보다 편리하게 결제방법을 선택할 수 있습니다.
▼ Dropdown 메뉴
▼ Radio button
해당 기능은 아래의 안내에 따라 html 소스를 수정해주시면 정상적으로 이용이 가능합니다.
1. 국내몰 (국문몰 스킨)
- 주문(order) > 주문서작성(orderform.html)
- AS-IS를 TO-BE로 변경
## 상단 생략 ## <!-- AS-IS --> <div module="Order_form" unroll=1> <!--@css(/css/module/order/form.css)--> <!-- 이값은 지우면 안되는 값입니다. ($move_order_after 주문완료페이지 주소 / $move_basket 장바구니페이지 주소) $move_order_after=/order/order_result.html $move_basket=/order/basket.html --> <!-- TO-BE --> <div module="Order_form" unroll=1> <!--@css(/css/module/order/form.css)--> <!-- 이값은 지우면 안되는 값입니다. ($move_order_after 주문완료페이지 주소 / $move_basket 장바구니페이지 주소) $move_order_after=/order/order_result.html $move_basket=/order/basket.html $paymethod_selector = radio --> ## 중간 생략 ## <!-- AS-IS --> <!-- 결제금액,방식 --> <tbody> <tr> <th scope="row">결제금액</th> <td>{$price_unit_head}{$form.total_price}{$price_unit_tail}</td> </tr> <tr> <th scope="row">결제방식</th> <td class="payment"> {$form.addr_paymethod} <!-- 무통장입금 --> <ul id="{$payment_input_cash}" style="display:none;"> <li><strong>입금자명</strong> {$form.pname}</li> <li><strong>입금은행</strong> {$form.bankaccount}</li> </ul> <!-- 실시간 계좌이체 --> <ul id="{$payment_input_tcash}" style="display:none;"> <li><strong>예금주명</strong>{$form.allat_account_nm}</li> </ul> </td> </tr> </tbody> <!-- TO-BE --> <!-- 결제금액,방식 --> <tbody> <tr> <th scope="row">결제금액</th> <td>{$price_unit_head}{$form.total_price}{$price_unit_tail}</td> </tr> <tr> <th scope="row">결제방식</th> <td class="payment"> {$form.addr_paymethod} </td> </tr> <!-- 무통장입금 --> <tr id="{$payment_input_cash}" style="display:none;"> <th>입금자명/<br />입금은행</th> <td>{$form.pname}<br />{$form.bankaccount}</td> </tr> <!-- 실시간 계좌이체 --> <tr id="{$payment_input_tcash}" style="display:none;"> <th>예금주명</th> <td>{$form.allat_account_nm}</td> </tr> </tbody> ## 하단 생략 ## |
## 상단 생략 ## <!-- AS-IS --> <div module="Order_form" unroll=1> <!--@css(/css/module/order/form.css)--> <!-- 이값은 지우면 안되는 값입니다. ($move_order_after 주문완료페이지 주소 / $move_basket 장바구니페이지 주소) $move_order_after=/order/order_result.html $move_basket=/order/basket.html --> <!-- TO-BE --> <div module="Order_form" unroll=1> <!--@css(/css/module/order/form.css)--> <!-- 이값은 지우면 안되는 값입니다. ($move_order_after 주문완료페이지 주소 / $move_basket 장바구니페이지 주소) $move_order_after=/order/order_result.html $move_basket=/order/basket.html $paymethod_selector = radio --> ## 중간 생략 ## <!-- AS-IS --> <!-- 결제금액,방식 --> <tbody> <tr> <th scope="row">Amount Due</th> <td>{$price_unit_head}{$form.total_price}{$price_unit_tail}</td> </tr> <tr> <th scope="row">Method of Payment</th> <td class="payment"> {$form.addr_paymethod} <!-- 무통장입금 --> <ul id="{$payment_input_cash}" style="display:none;"> <li><strong>Account Holder</strong> {$form.pname}</li> <li><strong>Bank</strong> {$form.bankaccount}</li> </ul> <!-- 실시간 계좌이체 --> <ul id="{$payment_input_tcash}" style="display:none;"> <li><strong>Account Holder</strong>{$form.allat_account_nm}</li> </ul> <!-- 페이팔 --> <p id="{$paypal_info}" class="payHelp">Pay by credit card WITHOUT Paypal account When you are directed to PayPal Payment page, click on the "Don't have a paypal account?" link and go to credit card information input page. Or, if you cannot find this link on your screen, you may find links such as "Buy as a guest, Pay with a debit or credit card" or "Continue checkout". Click on the link and you will be able to pay without logging into Paypal.</p> <!-- 알리페이 --> <p id="{$alipay_info}" class="payHelp">支付宝:简单,安全,快速的支付工具,支持中国银行,中国工商银行,招商银行,中国建设银行、中国农业银行,广东发展银行等十五家银行支付,以及支付宝卡通,邮政网汇E等充值方式,方便快捷。</p> <!-- 엑시즈 --> <p id="{$axes_info}" class="payHelp">利用可能なクレジットカードについて (Credit Card Transaction Details) VISA, MasterCard, JCB及びその提携カード 銀行振り込みについて (Bank Transaction Details) 株式会社AXES Paymentは、ご利用のサイトから業務委託された収納代行会社です。お客様のご入金情報は株式会社AXES Paymentの決済システムを介して、処理・管理されます。カスタマーサポート(24時間365日対応) (axes Customer Service)TEL:0570-08-3000(03-3498-9888)EMAIL:bankinfo@axes-payment.co.jp</p> </td> </tr> </tbody>
<!-- TO-BE --> <!-- 결제금액,방식 --> <tbody> <tr> <th scope="row">Amount Due</th> <td>{$price_unit_head}{$form.total_price}{$price_unit_tail}</td> </tr> <tr> <th scope="row">Method of Payment</th> <td class="payment"> {$form.addr_paymethod} </td> </tr> <!-- 무통장입금 --> <tr id="{$payment_input_cash}" style="display:none;"> <th>Account Holder/<br />Bank</th> <td>{$form.pname}<br />{$form.bankaccount}</td> </tr> <!-- 실시간 계좌이체 --> <tr id="{$payment_input_tcash}" style="display:none;"> <th>Account Holder</th> <td>{$form.allat_account_nm}</td> </tr>
<!-- 페이팔 --> <tr id="{$paypal_info}" class="payHelp"> <th>Paypal</th> <td>Pay by credit card WITHOUT Paypal account When you are directed to PayPal Payment page, click on the "Don't have a paypal account?" link and go to credit card information input page. Or, if you cannot find this link on your screen, you may find links such as "Buy as a guest, Pay with a debit or credit card" or "Continue checkout". Click on the link and you will be able to pay without logging into Paypal.</td> </tr>
<!-- 알리페이 --> <tr id="{$alipay_info}" class="payHelp"> <th>Alipay</th> <td>支付宝:简单,安全,快速的支付工具,支持中国银行,中国工商银行,招商银行,中国建设银行、中国农业银行,广东发展银行等十五家银行支付,以及支付宝卡通,邮政网汇E等充值方式,方便快捷。</td> </tr>
<!-- 엑시즈 --> <tr id="{$axes_info}" class="payHelp"> <th>Axes</th> <td>利用可能なクレジットカードについて (Credit Card Transaction Details) VISA, MasterCard, JCB及びその提携カード 銀行振り込みについて (Bank Transaction Details) 株式会社AXES Paymentは、ご利用のサイトから業務委託された収納代行会社です。お客様のご入金情報は株式会社AXES Paymentの決済システムを介して、処理・管理されます。カスタマーサポート(24時間365日対応) (axes Customer Service)TEL:0570-08-3000(03-3498-9888)EMAIL:bankinfo@axes-payment.co.jp</td> </tr>
</tbody> ## 하단 생략 ## |
---------------------------------------------------------------------------------------------------