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>

## 하단 생략 ##



2. 해외몰 (다국어 스킨)

- 주문(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">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)TEL0570-08-300003-3498-9888EMAILbankinfo@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)TEL0570-08-300003-3498-9888EMAILbankinfo@axes-payment.co.jp</td>

            </tr>

 

        </tbody>

## 하단 생략 ##




▼ 적용화면




 

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

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