Cafe24新着情報

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

2020-01-09


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


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


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


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


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


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


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

<!doctype html>
<html lang="vi">
<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>Đặt Hàng và Trả</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/orderProduct.html)-->
        <!--@import(/order/ec_orderform/billingNshipping.html)-->
        <!--@import(/order/ec_orderform/additionalInput.html)-->
        <!--@import(/order/ec_orderform/discount.html)-->
        <!--@import(/order/ec_orderform/paymethod.html)-->
       <div id="{$gift_orderform_id}">
            <!--@import(/order/ec_orderform/gift.html)-->
        </div>
       <!--@import(/order/ec_orderform/payment.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} ĐẶT HÀNG
            </button>
        </div>
        <div class="helpArea">
            <ul class="ec-base-help typeDash">
                <li>Xin lưu ý trả góp lãi suất 0% chỉ được áp dụng cho một số sản phẩm nhất định. Vui lòng thanh toán các sản phẩm lãi suất 0% riêng để có thể sử dụng thanh toán trả góp 0%.</li>
                <li>Khoản thanh toán tối thiểu phải trả là tổng giá trị đơn hàng chưa có phí vận chuyển.</li>
            </ul>
        </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">Đang tiến hành thanh toán</p>
            <p class="txt">
                Cửa sổ này sẽ tự động đóng<br>
                khi thanh toán đã được xử lý.<br>
                Vui lòng không đóng cửa sổ cho tới khi <br>
                quá trình xử lý hoàn tất.
            </p>
        </div>
    </div>
    </body>
</html>





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

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

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