Cafe24新着情報

[注文管理] [デザインガイド] 軽減税率への対応 - HTML / CSS(英語)

2019-09-24


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


軽減税率への対応するためのデザイン適用方法をご案内いたします。


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


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

■ PCショップ - スマートデザイン


1) 軽減税率対象品目を含む注文に対して、一部キャンセル/交換/返品ができないという案内の追加


- 位置 : マイページ(myshop) > 注文履歴(order) > キャンセル申込(cancel.html)

- 経路検索 : myshop/order/cancel.html


▼ 以下のように青色のソースコードを追加します。

##上部省略##
        </table>
        <ul class="ec-base-help controlInfo typeBtm">
            <li class="txtWarn txt11">If cancellation is issued for all items in your order, giveaway will automatically be subject to cancellation. </li>
            <li class="{$cancel_order_vat_guide_display|display} txtWarn txt11">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to cancel the entire order in order to cancel part of the order.</li>
        </ul>
    </div>

##下部省略##



- 位置 : マイページ(myshop) > 注文履歴(order) > 交換申込(exchange.html)

- 経路検索 : myshop/order/exchange.html


▼ 以下のように青色のソースコードを追加します。

##上部省略##

        </table>
        <ul class="ec-base-help controlInfo typeBtm">
            <li class="txtWarn txt11">If exchange is issued for all items in your order, giveaway will automatically be subject to exchange.</li>
            <li class="{$cancel_order_vat_guide_display|display} txtWarn txt11">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to cancel or return the entire order in order to exchange part of the order.</li>
        </ul>

##下部省略##



- 位置 : マイページ(myshop) > 注文履歴(order) > 返品申込(return.html)

- 経路検索 : myshop/order/return.html


▼ 以下のように青色のソースコードを追加します。

##上部省略##

        </table>
        <ul class="ec-base-help controlInfo typeBtm">
            <li class="txtWarn txt11">If return is issued for all items in your order, giveaway will automatically be subject to return.</li>
            <li class="{$cancel_order_vat_guide_display|display} txtWarn txt11">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to return the entire order in order to return part of the order.</li>
        </ul>
    </div>

##下部省略##



2) 取引明細書の案内テキストを変更


- 位置 : マイページ(myshop) > 注文履歴(order) > 明細書印刷(print) > 取引明細書(spec.html)

- 経路検索 : myshop/order/print/spec.html


以下のように赤色の部分を削除して、青色のソースコードを追加します

##上部省略##

<div module="MyShop_OrderPrintGuide">
    <span class="title">* Standard of Computation</span>
    <ul>
       <li>- Tax Amount = (Unit Price*Quantity) * {$fraction_vat_rate} ({$vat_rate}% tax rate based, round off to a whole number)</li>
        <li class={$default_vat_display|display}>- Tax Amount = (Unit Price*Quantity) * {$fraction_vat_rate} ({$vat_rate}% tax rate based, round off to a whole number)</li>
        <li class={$text_vat_display|display}>- Tax amount = (Unit price * Quantity) * Tax rate/(1+Tax rate)</li>
        <li>- Supply Value = (Unit Price*Quantity) - Tax Amount</li>
        <li>- Total Amount = Total Supply Value of Product(s) + Total Tax Amount of Product(s)</li>
    </ul>
</div>

##下部省略##



■ Mobileショップ - スマートデザイン

1) 軽減税率対象品目を含む注文に対して、一部キャンセル/交換/返品ができないという案内の追加


- 位置 : マイページ(myshop) > 注文履歴(order) > キャンセル申込(cancel.html)

- 経路検索 : myshop/order/cancel.html


▼ 以下のように青色のソースコードを追加します。

##上部省略략##

        </div>
    </div>
    <p class="ec-base-help">If cancellation is issued for all items in your order, giveaway will automatically be subject to cancellation.</p>
    <p class="{$cancel_order_vat_guide_display|display} ec-base-help">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to cancel the entire order in order to cancel part of the order.</p>
    <div>
        <div class="boardViewCS">

##下部省略##



- 位置 : マイページ(myshop) > 注文履歴(order) > 交換申込(exchange.html)

- 経路検索 : myshop/order/exchange.html


以下のように赤色の部分を削除して、青色のソースコードを追加します。

##上部省略##

    </div>
    <p class="help">If exchange is issued for all items in your order, giveaway will automatically be subject to exchange.</p>
    <p class="ec-base-help">If exchange is issued for all items in your order, giveaway will automatically be subject to exchange.</p>
    <p class="{$cancel_order_vat_guide_display|display} ec-base-help">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to cancel or return the entire order in order to exchange part of the order.</p>
 
    <!-- This module is visible the first time the screen is loaded. After selecting a product, load the code for "exchange_product.html". -->
    <div id="{$exchange_product_list_id}">

##下部省略##



- 位置 : マイページ(myshop) > 注文履歴(order) > 返品申込(return.html)

- 経路検索 : myshop/order/return.html


▼ 以下のように青色のソースコードを追加します。

##上部省略##

        </div>
        <p class="ec-base-help">If return is issued for all items in your order, giveaway will automatically be subject to return.</p>
        <p class="{$cancel_order_vat_guide_display|display} ec-base-help">If products with tax rate greater or less than {$default_vat_rate}% are included in your order, you need to return the entire order in order to return part of the order.</p>
    </div>
    <div class="boardViewCS">

##下部省略##


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


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

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

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

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