• 文字サイズ


解決済

お買い物かご近へ表示する画像とリンクのタグについて

  • 相談者:非公開
  • 2016/01/21 17:20
楽天のお買い物かご近くの「お気に入り商品を登録する」と「お気に入りショップへ登録する」の画像の間に

「送料無料商品と同梱するとすべて送料無料となります。」の画像とリンク先を下記のCSSに追記したいのですがどのように追記したらいいのかわからないので教えてください。

「送料無料商品と同梱するとすべて送料無料となります」の画像URL
http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/doukonmuryou.gif

画像のクリック先のURL
http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/


共通説明文(大)に記入されているCSSは下記になります。
--------------------------------------------------

<style type="text/css">

/* お気に入り商品差し替えタグ */
#rakutenLimitedId_aroundCart #serviceTableSml td.favorite {
padding-top: 5px;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm {
width: 250px !important;
height:280px !important;
padding: 0px 0px 10px 0px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm {
width: 250px !important;
height:280px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display: inline-block !important;
width: 250px !important;
height:280px !important;
margin:0px 0px 10px 0px !important;
background: url("http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/bookmark.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
投稿内容について報告する

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

  • 返信者:非公開
  • 2016/01/21 19:12
ECマスターズの田中です。

リンク付きのバナーを追加する場合、
CSSだけでは対応できず、
HTMLにて<a>タグを追記する必要がありますが、
その………(省略)………
  • 返信者:非公開(質問者)
  • 2016/01/25 16:10
ありがとうございます。
上記のCSSを挿入してみました。同梱ですべて送料無料のバナーの位置はちょうどいいのですが、どうしても、お気に入りショップへ登録するボタ………(省略)………
  • 返信者:非公開
  • 2016/01/25 16:39
ECマスターズの田中です。

最初にいただいた
http://image.rakuten.co.jp/SHOP-URL/cabinet/kihon/dou………(省略)………
  • 返信者:非公開(質問者)
  • 2016/02/02 09:11
ありがとうございました。
ギフトバナーの位置がブラウザーによって変わるので只今位置を修正中です。わからないことがあったらまた連絡します。
………(省略)………
このフォーラムへの質問は終了しました