Cafe24新着情報

[Mobileデザイン] シンプル注文書(モバイル) > 新規js/css分割ファイル適用ガイド - 日本語

2020-01-09


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


モバイル用シンプル注文書の新規分割ファイルは既に生成されています。

注文書、注文完了、クーポン選択画面にて新規のjs/css分割ファイルを使用できるよう、パスの変更を行ってください。


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


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


■ Mobileデザイン - スマートデザイン


(1) 注文書作成(orderform.html) 


- 位置 : 注文(order) > 注文書作成(orderform.html)


以下のように赤色の部分を削除し、青色の部分を追加します。

## 上部内容省略 ##

<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/form_onetouch.css)-->
    <!--@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/order_form.js)-->
    <!--@js(/js/module/order/order.js)-->
    <!--@js(/js/module/order/ec_orderform/orders.js)-->
</head>

## 下部内容省略 ##



(2) 注文完了(order_result.html)


- 位置 : 注文(order) > 注文完了(order_result.html)


以下のように赤色の部分を削除し、青色の部分を追加します。

## 上部内容省略 ##

<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/form_onetouch.css)-->
    <!--@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/order_form.js)-->
    <!--@js(/js/module/order/order.js)-->
    <!--@js(/js/module/order/ec_orderform/orders.js)-->
</head>

## 下部内容省略 ##



(3) クーポン選択(coupon_select.html)


- 位置 : クーポン(coupon) > クーポン選択(coupon_select.html)


以下のように赤色の部分を削除し、青色の部分を追加します。

## 上部内容省略 ##

<head>
    <meta charset="utf-8">
    <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/form_onetouch.css)-->
    <!--@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)-->
</head>

## 下部内容省略 ##



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

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

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

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