Cafe24新着情報
[商品管理] [Review de Talk] デザイン適用ガイド - (5)注文詳細内容(/myshop/order/detail.html) - 日本語 HTML
2020-02-25
平素よりCafe24をご利用いただき、誠にありがとうございます。
詳細は以下の内容をご確認ください。
■ HTML - PCショップ
- 位置 : PCデザイン > スマートデザイン編集ウィンドウ > 注文詳細内容( /myshop/order/detail.html )
▼ 以下のように青色のソースを追加します。
## 上略 ## </div> <!-- Review de Talk注文履歴照会--> <!--@import(/board/smartreview/provider/myshop_order_list.html)--> <!-- 注文商品情報 --> <div class="orderArea"> <div class="title"> <h3>注文情報</h3> </div> <!-- 基本配送 --> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a> ## 中略 ## <!-- 個別配送 --> <table border="1" summary="" class="boardList {$individual_display|display}"> <caption>個別配送</caption> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a> ## 中略 ## <!-- 海外配送 --> <table border="1" summary="" class="boardList {$oversea_display|display}"> <caption>海外配送</caption> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_comment.gif" alt="商品レビュー" /></a> <!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="//img.echosting.cafe24.com/skin/base_ja_JP/myshop/btn_order_retract.gif" alt="取消撤回" /></a>
## 下略 ## |
■ HTML - モバイルショップ
- 位置 : Mobileデザイン > スマートデザイン編集ウィンドウ > 注文詳細内容( /myshop/order/detail.html )
▼ 以下のように青色のソースを追加します。
## 上略 ## </div> <!-- Review de Talk注文履歴照会--> <!--@import(/board/smartreview/provider/myshop_order_list.html)--> <!-- 注文商品情報 --> <div class="toggleArea type1 selected eToggle "> <div class="title"> <h2>注文商品</h2> <span>(総 {$item_count}点/ {$total.price_unit_head}{$total.total_order_price}{$total.price_unit_tail})</span> </div> <div class="contents"> <!-- 基本配送 --> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}
<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}
<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 中略 ## <!-- 個別配送 --> <div class="{$individual_display|display}"> <div module="Myshop_OrderHistoryDetailIndividual"> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}
<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}
<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 中略 ## <!-- 海外配送 --> <div class="{$oversea_display|display}"> <div module="Myshop_OrderHistoryDetailOversea"> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button} <a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 中略 ## <a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">購入レビュー</a>
<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}
<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">キャンセル取下げ</a> ## 下略 ## |
Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。
今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。
引き続き、ご愛顧のほどよろしくお願い申し上げます。
ご不便・ご不明な点等ございましたら、092-517-9981または[お問い合わせ]まで、お気軽にお問い合わせください。