jQueryで送料などの特定の金額やテキストを一括管理する

楽天GOLDで使える！送料などの金額を一括管理をjsでやるためのまとめメモ。

共通jsを作る

html

<span class="wrapping_price"></span>
<span class="delivery_price"></span>

$(document).ready(function() {
    var wrapping = 405;
    var delivery = 540;

    $(".wrapping_price").html(wrapping);
    $(".delivery_price").html(delivery);
});

使い方はとっても簡単！料金設定を記載してあるページ全てに(楽天GOLDで作成したものに限る)でmoney.jsを読み込みます！
その後htmlに、例えばラッピング料金を設定したいときは
<span class=”wrapping_price”></span>円
とするだけ！

すると全てのクラス名がwrapping_priceの要素の中がvar wrapping = 405;で設定したものになります。

【jquery】常に最新のjsを読み込む方法(getScript)で書いたように、クエリパラメーターを渡せば最新のファイルを取りに行くので、こうしておけばキャッシュで変更されないトラブルも回避できます。

共通cssでもできる！

.delivery_price:before{
    content:"540";
    font-weight:bold;
    color:#bf0000;
}

楽天PCのカテゴリページや商品ページは外部cssが使えるのでこれをmoney.cssで保存して読み込めばhtmlは上の通りにするだけで自動で変更されます！

金額の部分はお客さんの信用にも関わってくる大事な部分なので楽にしっかり管理したいものですね！

ちなみにRMSの中で支払い項目の設定部分ではlinkタグとstyleタグの中に@importで外部cssを読み込むことができませんでした。
この部分だけはstyleタグの中にcssを書いてます。なにかいい方法があれば教えてほしいです。