楽天、共通説明文の位置の変更に関しまして

Question

お世話になっております

現在、共通説明文（大）を利用して注意書きの文章を入れたのですが、
弊社のレイアウトですと下の方に行き過ぎてしまい。

参照画像の部分までこの注意書きの部分のみをあげる方法を模索しております。

使用しているコードを添付致しますのでご確認頂けますと幸いです。



///////////////////////////////////////////////////


      在庫のある商品とお取り寄せの商品に関して
    
        「あす楽が付いている商品」■倉庫に在庫のある商品となります。当店休業日を除く1～2日営業日以内の発送を予定しております。
        「あす楽が付いていない商品」■お取り寄せの商品となります。メーカ―欠品の場合、記載納期よりお時間を頂戴してしまう場合が御座います。
    
    ※商品入荷のタイミング、商品のご購入のタイミングによって納期が前後する場合が御座います。ご理解ご了承の上でお買い求めくださいませ。



///////////////////////////////////////////////////







///////////////////////////////////////////////////###HR######IMG01f75aab0cb98cb68d94fc18fd80eba56.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

共通説明文（大）に記載した内容を
ご指定の位置に移動させる場合、
共通説明文（大）の位置から上に○px、右に○px移動させる、
といった移動方法を取るしかなく、
どうしても商品によってズレが発生してしまいます。

注意書きの中でリンクを張る必要がなければ、
この部分を1枚の画像としてご用意いただき、
下記のようなスタイルシートを
ヘッダー・フッター・レフトナビや共通説明文（大）に設置して、
「○○○円で購入可！」の直後に
画像を挿入していただく方法が現実的となっております。

= この下の行から ====================

/* 注意書き画像を設置 */
div[data-ratid="PC_CardPro_Button"]:after {
  content: "\00a0";
  display: block;
  width: 100%;
  height: 画像表示の高さpx;
  background: url(画像URL) left/contain no-repeat;
  margin-bottom: 1em;
}
= この上の行まで ====================
※画像表示の高さ・画像URLは、実際の半角数字・URLに置き換えてご利用ください。

Answer

ECマスターズ
田中様

ご返信が遅くなってしまい申し訳ございません。
頂きました内容を参考に商品ページに反映出来ました
有難う御座います。

引続き何卒宜しくお願い致します。