Cafe24新着情報

[PCデザイン] [スマートデザイン] PCレスポンシブ型シンプル注文書のデザイン適用ガイド - 注文書 HTML/CSS (英語)

2020-02-06



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


PCレスポンシブ型シンプル注文書は、デザインを変更することでショップにすぐ適用することができます。


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


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

■ PCデザイン > 注文書作成(orderform.html)


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


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

 <!doctype html>
<html lang="en">
<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>Order and Pay</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} PLACE ORDER
        </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">Payment in Process</p>
        <p class="txt">
            This window will automatically close<br>
            when payment is processed.<br>
            Do not close this window until <br>
            processing completes.
        </p>
    </div>
</div>
</body>
</html>



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

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

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