送料無料アイコンの右側へ画像の表示をさせたい

Question

いつも大変お世話になります。

送料無料商品が多いため、
ＰＣサイトの送料無料アイコンの右側へ、
画像の表示をさせたいのですが。

また、送料別商品には表示をさせたくないため、
商品毎に表示をと考えてります。

どうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。

下記タグを、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
挿入してご利用ください。
（送料込の商品にのみ表示される設定となっております）

= この下の行から ====================

/* 送料無料の右にアイコン表示 */
#rakutenLimitedId_cart span.tax_postage.shippingCost_free {
  position: relative;
}
#rakutenLimitedId_cart span.tax_postage.shippingCost_free:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0px;
  left: 5em;
  width: 画像ファイルの横幅px;
  height: 画像ファイルの高さpx;
  background: url(画像ファイルのURL) no-repeat;
}

= この上の行まで ====================
※画像ファイルの横幅・高さ・URLは、
　実際の半角数字・URLに置き換えてご利用ください。