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>Product Details</h3>

        </div>


        <!-- 基本配送 -->


##　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>



##　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>



##　　中略　　##


 <!-- 個別配送 -->

        <table border="1" summary="" class="boardList {$individual_display|display}">

            <caption>Split Shipping</caption>


###　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>


##　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>



##　　中略　　##


<!-- 海外配送 -->

        <table border="1" summary="" class="boardList {$oversea_display|display}">

            <caption>International Shipping</caption>


##　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>


##　　中略　　##


 <a href="/board/product/write.html{$param_postscript}" class="{$postscript_display|display}"><img src="//img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_comment.gif" alt="write a Review" /></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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></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>Products</h2>

             <span>(Total {$item_count} item(s) / {$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}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}


<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>


##　　中略　　##


<a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}



<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>



##　　中略　　##


<!-- 個別配送 -->

            <div class="{$individual_display|display}">

                <div module="Myshop_OrderHistoryDetailIndividual">


##　　中略　　##


<a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}


<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>



##　　中略　　##


<a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}



<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>



##　　中略　　##


<!-- 海外配送 -->

            <div class="{$oversea_display|display}">

                <div module="Myshop_OrderHistoryDetailOversea">


##　　中略　　##


<a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}


<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>



##　　中略　　##


<a href="/board/product/write.html{$param_postscript}" class="btnBasic {$postscript_display|display}">Review</a>


<!-- Review de Talkレビュー投稿ボタン--> {$review_order_button}


<a href="#none" class="btnBasic {$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}">Withdraw Cancellation</a>



##　　下略　　##





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

今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。

引き続き、ご愛顧のほどよろしくお願い申し上げます。

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

前の記事

[注文管理] 交換品目選択の際にフィルターで品目を並べ替える機能の追加

2020-02-26

次の記事

[PCデザイン] [Edibotデザイン] コンポーネント検索機能の追加について

2020-03-04