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)-->
    <!-- 사용자 스타일 수정이 필요한 경우, 신규 CSS 파일을 추가하여 #userStyle #mCafe24Order { } 셀렉터로 처리 가능합니다. -->
    <!-- 스마트디자인에서는 JQuery 1.4.4 버전이 내장되어있습니다. 추가로 호출하면 충돌이 생길 수 있습니다. -->
    <!--@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)-->
    <!-- 사용자 스타일 수정이 필요한 경우, 신규 CSS 파일을 추가하여 #userStyle #mCafe24Order { } 셀렉터로 처리 가능합니다. -->
    <!-- 스마트디자인에서는 JQuery 1.4.4 버전이 내장되어있습니다. 추가로 호출하면 충돌이 생길 수 있습니다. -->
    <!--@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) > クーポン選択(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)-->
    <!-- 사용자 스타일 수정이 필요한 경우, 신규 CSS 파일을 추가하여 #userStyle #mCafe24Order { } 셀렉터로 처리 가능합니다. -->
    <!-- 스마트디자인에서는 JQuery 1.4.4 버전이 내장되어있습니다. 추가로 호출하면 충돌이 생길 수 있습니다. -->
    <!--@js(/layout/basic/js/common.js)-->
</head>

## 하단 생략 ##


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

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

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

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