再入荷お知らせボタンのカスタマイズ

Question

https://ec-masters.club/forum/post_view.php?id=710

再入荷お知らせボタンのカスタマイズ方法が上記トピックで説明されていますが、
「再入荷」というボタンは文字部分は"button_restock_new1.png"という画像になっているようで変更ができません。

ユーザーは「再入荷」では何の事かわからないと思いますので、「再入荷のお知らせを受け取りたい場合はこちらから」など、わかりやすい表記にしたいです。

何か方法はありますでしょうか。よろしくお願い致します。

Answer

ECマスターズの橋本です。

当ご質問に関しては、追って担当より回答させていただきますが、
少しお時間をいただければと思います。宜しくお願いいたします。

Answer

その後いかがでしょうか？どれくらい時間がかかりますでしょうか。
よろしくお願い致します。

Answer

ECマスターズの田中です。

項目選択肢別在庫の再入荷お知らせボタンについてのご質問で
間違いありませんでしょうか。

PC用商品ページでは、JavaScriptの挿入ができず、
スタイルシートだけでは既に入っている画像を挿し替えることが出来ませんので、

下記のようなスタイルシートを、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）の中に入れていただき、
画像の下に注釈文を入れていただくのはいかがでしょうか。

===== この下の行から ================

.inventory_soldout:after { content: "↑\A再入荷お知らせを受け取る"; white-space: pre; }

===== この上の行まで ================
（文章に含まれる \A が、改行を示しております）

Answer

これで大丈夫そうです。ありがとうございました。

Answer

ECマスターズの田中です。

このたび、私にて調査にお時間をいただいたことにより、
BB様にご心配をおかけしてしまい
大変申し訳ありませんでした。

先の返信内容で大丈夫そうとのことで、何よりです。
今後ともよろしくお願いいたします。

Answer

追加にて質問です。

今回のcssはヘッダーコンテンツ内に仕込んだため、再入荷ボタンを設定していない商品に対しても
表示されてしまいます。再入荷ボタンを設定していない商品には表示しないようにするはどうすればよろしいでしょうか。

よろしくお願い致します。

Answer

ECマスターズの田中です。

再入荷ボタンを設定していない商品の例が確認できていないのですが、
前回のスタイルシートの規則に、さらに「div.notifierArea」を加えて、

===== この下の行から ================

.inventory_soldout div.notifierArea:after { content: "↑\A再入荷お知らせを受け取る"; white-space: pre; }

===== この上の行まで ================

このようにしていただくといかがでしょうか。

Answer

田中様
いつもありがとうございます。

バッチリでした。助かりました。