Cafe24新着情報

[PCデザイン] PCレスポンシブ型シンプル注文書のデザイン適用ガイド - 注文書作成 HTML/CSS (日本語)

2020-01-09


平素よりCafe24をご利用いただき、誠にありがとうございます。


PCレスポンシブ型シンプル注文書は、デザイン変更を通して現在運営中のショップにすぐ適用することができます。別途の設定を行う必要はありません。


詳細は以下の内容をご確認ください。


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


■ PCデザイン > スマートデザイン編集ウィンドウ > 注文書作成(orderform.html)

- 位置 : PCデザイン > スマートデザイン編集ウィンドウ(日本語ショップ) > 注文(order) > 注文書作成(orderform.html)


▼ 以下のソースをすべてコピーし、既存のソースをシンプル注文書のソース(青)に変更してから保存を行います。

<!doctype html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes">
    <title>注文/お支払い</title>
   
<!--@css(/css/module/order/ec_orderform/form_onetouch.css)-->
    <!-- If you want to create your own style, create a new CSS style sheet. Try coding #userStyle #mCafe24Order { } . -->
    <!-- The code in includes "JQuery 1.4.4". Be careful to add another version of jQuery. -->
    <!--@js(/layout/basic/js/common.js)-->
   
<!--@js(/js/module/order/ec_orderform/orders.js)-->
</head>
<body id="userStyle">
    <!--@import(/order/ec_orderform/header.html)-->
    <div id="mCafe24Order" class="typeHeader" module="Order_
formGlobal" unroll="1">
        <!-- Do not delete this code
            $move_order_after=/order/order_result.html
            $move_basket=/order/basket.html
            $paymethod_selector = textButton
        -->
        <!--@import(/order/ec_orderform/product_detail.html)-->
           
        <!--@import(/order/ec_orderform/billingNshipping.html)-->

        <!--@import(/order/ec_orderform/additionalInput.html)-->
           
        <!--@import(/order/ec_orderform/orderProduct.html)-->
        <div id="{$gift_orderform_id}">
            <!--@import(/order/ec_orderform/gift.html)-->
        </div>
        <!--@import(/order/ec_orderform/discount.html)-->
   
        <!--@import(/order/ec_orderform/payment.html)-->

        <!--@import(/order/ec_orderform/paymethod.html)-->

        <!--@import(/order/ec_orderform/benefit.html)-->

        <!--@import(/order/ec_orderform/agreement.html)-->
           
        <div class="ec-base-button gFull" id="orderFixItem">
            <button type="button" class="btnSubmit" id="{$btn_payment_id}">
                {$total_order_price_front_head}<span id="{$total_order_price_front_id}">{$total_order_price_front}</span>{$total_order_price_front_tail} 注文を確定する
            </button>
        </div>
        <!--@import(/order/ec_orderform/confirm.html)-->
           
        <iframe id="{$payment_proc_id}" name="h_payment" width="0" height="0" frameborder="0" src=""></iframe>
        <input type="hidden" id="sPrdName" name="sPrdName" value="{$sPrdName}">
    </div>
 
    <div id="progressPaybar" style="display:none;">
        <div id="progressPaybarBackground" class="layerProgress"></div>
        <div id="progressPaybarView">
            <p class="graph">決済中です。</p>
            <p class="txt">
                この画面は決済完了後、自動的に閉じられます。<br>
                決済中にこの画面を閉じると<br>
                注文が完了しない場合がありますので <br>
                決済が完了するまで画面を閉じないでください。
            </p>
        </div>
   </div>
</body>
</html>




Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。

今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。引き続き、ご愛顧のほどよろしくお願い申し上げます。

ご不便・ご不明な点等ございましたら、092-517-9981または「お問い合わせ」まで、お気軽にお問い合わせください。