• 文字サイズ


解決済

お買い物かご画像の変更について

  • 相談者:非公開
  • 2015/10/27 23:21
お買い物かごが自動変更になってしまったため、以前使っていたcssでお買いものかごの画像を変更したいとおもっております。
以前使っていたcss(共通説明文(大)に記載してます。)は、商品をお気に入りに追加するボタンとお気に入りショップへ登録をするボタンと買い物かごが全部一緒になっているものでした。

使っていたcssは下記になります。


<style type="text/css">

/* お気に入り商品差し替えタグ */
#rakutenLimitedId_aroundCart #serviceTableSml td.favorite {
padding-top: 5px;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm {
width: 250px !important;
height:80px !important;
padding: 0px 0px 10px 0px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm {
width: 250px !important;
height:80px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display: inline-block !important;
width: 250px !important;
height:80px !important;
margin:0px 0px 10px 0px !important;
background: url("http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/1okiniiribana.gif") no-repeat !important;
}

/* お気に入りショップ差し替えタグ */
div.bookmarkArea {
width: 250px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm {
width: 250px !important;
height:80px !important;
padding: 0px 0px !important;
padding-left: 0px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
display: inline-block !important;
width: 250px !important;
height:80px !important;
margin-right: 0px !important;
background: url("http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/okiniirishopbana.gif") no-repeat !important;
}




.inventory font{
font-size:70% !important;
color:#999 !important;
}



input[value="買い物かごに入れる"]{

font-size:16px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #d83526;
padding:9px 18px;
text-decoration:none;

background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );

background-color:#fe1a00;
color:#ffffff;
display:inline-block;
text-shadow:1px 1px 0px #b23e35;
box-shadow:inset 1px 1px 0px 0px #f29c93;
}

iframe.reserve_caution{
height:850px;
width:598px;
border:1px solid #999999;
margin-top:20px;

</style>

---------------------------
お買いものかごの自動変更があった際に、お買いものかごのみが自動変更されたものになっており、お気に入り商品登録・お気に入りショップ登録は以前のままで不具合なく通常に使えています。


上記CSSの内容を変更してお買いものボタンを独自のものに変更することは可能でしょうか?
もし変更が可能であれば変更内容のCSSを教えてください。




キーワード:買い物かごcss
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2015/10/28 10:57
ECマスターズの田中です。

CSSの変更手順をご案内いたします。

1.
楽天の規則より強い規則を作るため、
input[value="買い物かご………(省略)………
  • 返信者:非公開(質問者)
  • 2015/10/28 13:49
CSSを変更した場合、下記の記述であってますでしょうか?

---------------------------------------

<styl………(省略)………
  • 返信者:非公開
  • 2015/10/28 15:44
ECマスターズの田中です。

「買い物かごに入れる」の文字を利用するのではなく、
完全に画像に入れ替える場合の記述でしょうか。

規則の終わりを示す ………(省略)………
  • 返信者:非公開
  • 2015/10/28 15:53
ECマスターズの橋本です。

買い物かごに関しては、先日の楽天側のリリースにより、
全ショップ統一のかごデザインに変更になりました。

以前までは、P………(省略)………
  • 返信者:非公開(質問者)
  • 2015/11/01 17:27
何回か買い物カゴを変更しようしましたが、エラーになったりしてうまくいかなかったので、
橋本さんに言われた通り、確かに

赤いボタン→お買いものかご

………(省略)………
このフォーラムへの質問は終了しました