質問: 楽天 商品ページ内のお気に入り登録ボタン変更方法について いつもお世話になっております。下記の手順に従って、お気に入り登録お気に入りショップに登録ボタンを変更しようと更新しましたが画面が何も変わりませんでした。https://club.ec-masters.net/index.php?design_page1変更した際のhtmlファイルを送信いたします。ご確認よろしくお願いいたします。
回答: ecマスターズの田中です。お送りいただいたhtmlの中で、青いボタンを設置されようとしていることを確認いたしました。先入観によりご希望と異なるご返信を行ってしまい、失礼いたしました。いただいたhtmlにて、ボタンの変更は可能です。もし、特に事情などなければ、灰色のボタンと差し替える形でご設置いただきますようお願いします。既存の灰色のボタンは、今回作成いただいた青いボタンと同様https://club.ec-masters.net/index.php?design_page1の方法で作成されており、共通説明文(大)の先頭に設置されております。お送りいただいたhtmlから察するに、青いボタンのソースはヘッダー・フッター・レフトナビ内、ヘッダーコンテンツの中にご設置されているかと思うのですが、スタイルシートは、全く同じ条件の規則があった場合、ページの中で、後に記載された方が前の記載を上書きし、実際に反映される仕組みとなっております。ネミネミさんにて変更された際、画面が変わらなかったのは、灰色のボタンの方がページ内で後に記載されていることが原因です。このように、同じ記述がページ内に2つ存在すると混乱を招く原因となりますので、青いボタンを設置するためのhtmlを、ヘッダーコンテンツに記載するのではなく、共通説明文(大)の先頭の灰色ボタン用タグと差し替える形でご設置いただきますようお願いします。どうしても灰色ボタン用のhtmlを残す必要がある場合は、灰色ボタン用のhtmlの直後にご記載いただきますようお願いします。なお、同htmlの中には、画像のサイズを指定する記述も含まれておりますが、青いボタンはサイズが異なるため、少し引き延ばしたような表示になってしまいます。ソース内の「306」「48」を、それぞれボタンの横幅、高さに置き換えてご利用いただきますようお願いします。