スマホ項目選択肢カスタマイズ

Question

スマホ選択肢カスタマイズについての質問です。

過去の質問より、スマホでの項目選択肢のカスタマイズをして、枠の色や文字の色、大きさなどの変更をしているのですが、
商品ページに入り、スマホ画面下に常に表示されているボタン2つの左側、『商品をカゴに追加』のボタンを直接クリックした場合
、通常とは別の選択肢が表示されますが、そちらの方で表示されるものは、色が基本の目立たないものなので、こちらもカスタマイズしたいのですが、方法はあるのでしょうか？

よろしくお願いいたします。

Answer

ECマスターズの田中です。

スタイルシートの適用先を変えることで可能ですので、
改めてご説明させていただきます。

※
RMSの、禁止タグを入力できるバグを利用した方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。

商品ページ共通説明文を利用して、
外部スタイルシートを読みこませることで
カスタマイズできます。

外部スタイルシートファイルは、
中身はテキストファイルなので、
メモ帳で作成して、ファイル名末尾に「.css」をつけて
保存していただくことで作ることができます。

項目選択肢のプルダウンの見た目を変える場合は、
下記の内容で外部スタイルシートファイルを作成してください。
===== この下の行から ================
body #itemCartPopUp .selectWrap select {
color: red;
}
===== この上の行まで ================
{ と } の中に属性を加えたり、修正することで、
さらにカスタマイズが可能です。

作成できましたら、楽天GOLDにアップロードしていただき、
商品ページ共通説明文に
下記のHTMLタグを貼り付けて読み込ませる、という流れになります。
===== この下の行から ============

===== この上の行まで ============
※外部スタイルシートファイルのURLは、実際のURLにご変更ください。

Answer

お返事ありがとうございます。

教えていただいた一行に現在の選択肢に適用している内容をコピーし、追加してアップしてみた所、目立つようになりました。

下の個数の枠と文字まで色が変わってしまいましたがそういうものなんですよね？
支障ないので構いませんが…笑

迅速に対応していただいてありがとうございました。
助かりました。

Answer

ECマスターズの田中です。

ご案内差し上げた指定方法では、たしかに個数の表記も変わるようになっておりました。

body #itemCartPopUp .selectWrap select {
↓
body #itemCartPopUp .selectWrap .itemChoiceSelect {

とご変更いただくと、項目選択肢にだけ適用することができますので、
項目選択肢だけに適用させたい場合はご変更をお願いします。

Answer

個数の表記もどりました。
ありがとうございました。

スマホ 項目選択肢 カスタマイズ

スマホ項目選択肢カスタマイズ