買い物カゴ変更

Question

オリジナルの買い物カゴを設置したく、画像を作りましたが、設置用のHTMLタグが分かりません。
買い物かごを画像に変える方法を参照し、width: 250px;　height: 40px;　を作った画像のサイズに変更　
"買い物かごに入れる"　を　"お買い物かごに入れる"に2ヶ所変更しましたが、使用出来ないHTMLタグが・・の
表示が出てしまいます。

今は、「楽天の買い物カゴをスマホと同じ色にする方法」での画像を使わせていただいてます。
またお気に入りボタン・お気に入りショップボタンは少しアレンジして使用させていただいてます。

Answer

ECマスターズの田中です。

エラーメッセージの内容としては、
ヘッダーの中に入れることのできないHTMLタグが含まれていることを
指摘しておりますので、
下記マニュアルより、HTMLレベル3で使えないタグが含まれていないか
ご確認をお願いいたします。
https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=rms/rs/pc/other/15.html&s=&param2=0&scid=wi_rms_rhelp_242

原因が特定できない場合は、
正確なエラーメッセージを添えて、再度ご返信ください。


なお、ヘッダーの中に
タグ、タグ、タグなど、
HTMLの構造上ふさわしくないHTMLタグが入っております。

想定外のレイアウト崩れを防ぐため、
上記３つのタグを削除していただくこと、及び
開始タグと終了タグ（と、など）の数があっているかどうか
一度ご確認いただくことをお勧めいたします。

http://liveweave.com/
上記URLの「Liveweave」の画面左上にHTMLタグを貼り付けると、
数の合わない開始（終了）タグが赤背景で表示され、わかりやすいです。

Answer

下記を貼り付けました。
質問させていただく前はエラーがでたのですが、今は出ませんでした　uri(　の後のURLを貼り付けの際にスペースがあったせいかもわかりません）
設置出来たと思ったのですが、以前の元々の楽天のグレーのボタンになってしまいました。

とりあえず、「楽天の買い物カゴをスマホと同じ色にする方法」のカートに戻します。


/* 買い物カゴ　画像に変更 */
input[value="お買い物かごに入れる"] {
background: url(http://image.rakuten.co.jp/ショップ名/cabinet/cart_button.gif) no-repeat left top;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/margin-right: 3px;
width: 300px;
height: 48px;
border: 0px;
/zoom: 1;
}

input[value="お買い物かごに入れる"]:hover {
cursor: pointer;
}

Answer

ECマスターズの田中です。

貼り付けていただいたタグの、
お買い物かごに入れる　を　買い物かごに入れる　に修正して
再度お試しいただけますでしょうか。

[value="買い物かごに入れる" の部分は、新しく貼り付けるバナー内の文字ではなく、
ボタンの中に元々入っている文字列を指定する部分となっており、
この文字列が入っているボタンを見つけて、画像に変更しております。


追記：2015/10/14

ECマスターズの橋本です。

2015/10/6の臨時サポートニュースにて、
楽天より正式に買い物かごデザインが全店舗
変更となることとなりました。

以前よりECマスターズクラブ事務局からご案内
していたCSSのソースに関しては、現状設置のままでも
特に影響は御座いませんが、削除していただくことを
おススメいたします。

今回のリリースによって、
全店舗が共通の買い物かごとなりました。

スマホとPCが共通化されたことで、
楽天会員さんにとってわかりやすい
状況になりましたので、
これ以上工夫（サイズやデザインなど）を
する必要は無く、まずは、そのままで検証
してみるのが良いかと思います。

ライバルを参考にまた工夫される
ケースもあると思いますが、
あくまでもお客様目線で、現状のままをおススメします。

以下、楽天からの連絡となります。

---

いつも大変お世話になっております。
楽天大学RUxチームです。

この度楽天市場では、
ユーザに商品購入をしやすいナビゲーションを提供し、店舗様の流通を増やすため、
買い物かごのサイズおよびデザインの変更を行うことになりました。

※買い物かご変更の詳細は弊社リリースをご覧下さい
【PC商品ページ】買い物かごのボタンサイズ拡大について
https://www.rakuten.co.jp/shops/manual/bulletin/topics/basket_extension.html

該当変更箇所下記のとおりです。

■買い物かごの周辺のボタンデザイン
　　- 資料請求ボタン
　　- 商品レビューを見るボタン
　　- お気に入り商品ボタン
　　- お気に入りショップボタン
　　- 商品についてのお問い合わせボタン

Answer

ありがとうございます、思ったより文字が小さかったので修正必要ですが、無事設置出来ました。
遅い時間までご対応してくださり、感激です、ありがとうございます。