filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ce0100′, endColorstr=’#fe1a00′); 1行目に@charset “utf-8”; を追加して、 -webkit-border-radius:8px; ※エントリーは毎回必要です, ・通常ポイント、SPU楽天カード特典ポイントに関して詳しくはこちら 100円の買い物では3ポイント貯まり、10,000円の買い物では300ポイント貯まります。 次は5と0のつく日に楽天カードを使って買い物したときの還元率です。 園芸シブいっす。 「自分に対して言っています！」
background:-ms-linear-gradient( top, #ce0100 6%, #fe1a00 99% ); font-weight:bold; text-shadow:1px 4px 0px #b23e35; 転換率上がったらまたコメント下さい（笑）, 改めて記事を拝見させていただきました。 #rakutenLimitedId_aroundCart input[type="submit"] {} よろしくお願い致します。, 初めまして★ }#rakutenLimitedId_aroundCart input[value=”買い物かごに入れる”]:active {, position:relative; background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #ce0100), color-stop(99%, #fe1a00) ); background-color:#ce0100; ただ、楽天のお買い物かごの周りは、ごちゃごちゃしがちなので、デフォルトのままのボタンだと目立たないのは間違いないと思います。 少しでも目に止まりやすく工夫すると、割りと簡単に成果が出るか … エントリーボタンが background:-ms-linear-gradient( top, #fe1a00 6%, #ce0100 99% ); background-color:#fe1a00; 「参考記事：楽天ショップで外部スタイルシートを利用する方法」 }#rakutenLimitedId_aroundCart input[value=”買い物かごに入れる”]:hover {, background:-moz-linear-gradient( center top, #ce0100 6%, #fe1a00 99% ); border-radius:8px; アドバイスお願いします！, う～ん。確かにそうですね。お問い合わせボタンなども「type=”submit”」になってる様ですので、このままだと同じ設定になってしまいます。, こんな感じにすると解決するはずです「買い物かごに入れる」の部分は、店舗で買い物かごボタンに設定している言葉を入れて下さい。, または、買い物かごに入れるボタン以外の各種ボタンは、「font」タグで囲まれている様なので、そっちを個別に指定する方法もあります。, とても参考になる記事でありがとうございます。 CSSのファイルが読み込まれていません。, 下記記事を参考にCSSファイルを読み込みましょう。（上で追加した分のCSSは削除するのを忘れずに）, 基本的な知識が無いと、上記の話もなかなか理解出来ないかも知れません。 table.calbase_rakuten { background-color: #FFFFFF; border:1px solid #CECECE; width: 154px; border-collapse: collapse; padding: 0px 0px 10px 0px; }table.calbase_rakuten * { font-size: 98%; color: #000000; border-collapse: collapse; padding: 0px; margin: 0px; }table.calbase_rakuten th { text-align: center; }th.caltitle_rakuten { font-size: 85%; padding: 10px 0px 0px 0px; }table.calframe_rakuten { border-collapse: collapse; margin: 10px 10px 0px 10px; table-layout: fixed; width: 134px; }table.calframe_rakuten th { text-align: center; padding: 0px 0px 3px 0px; }table.calframe_rakuten td { border:1px solid #026E0D; background-color: #FFFFFF; width:18px; height:18px; text-align: center; }tr.weektitle_rakuten td { background-color: #2F990F; }td.event1day_rakuten { background-color: #FF0000 !important; }font.event1day_rakuten { color: #FF0000; }td.event2day_rakuten { background-color: #33CCFF !important; }font.event2day_rakuten { color: #33CCFF; }td.event3day_rakuten { background-color: #FFCC33 !important; }font.event3day_rakuten { color: #FFCC33; }table.event_rakuten { text-align: left; word-break: break-all; margin: 7px 10px 7px 10px; border-collapse: collapse; line-height:120%; table-layout: fixed; width: 134px; }table.event_rakuten td { padding: 0px 0px 0px 0px; }table.text_rakuten { text-align: left; word-break: break-all; margin: 0px 10px 10px 10px; border-collapse: collapse; line-height:120%; table-layout: fixed; width: 134px; }, 買い物かごの中から、削除ボタン、買い物かごを空にするボタンを押すことで買い物かごに入った商品を簡単に削除をすることができます♪, お客様からお預かりした大切な個人情報 ( 住所・氏名・メールアドレスなど ) を、裁判所・警察機関等・公共機関からの提出要請があった場合以外、第三者に譲渡または利用する事は一切ございません。. 「個数」の隣の数字入力の窓まで大きくなったり色が付いたりしてしまいます。, たいぷむーん様 そしてブログからのリンクもありがとうございます。 商品ページに直接というのも試しましたが、結果は同じくIEのみ適用されません。, デザイン設定のヘッダー・フッター・レフトナビのテンプレートで使用するテンプレートを選び編集リンクをクリックして「ヘッダーコンテンツ」の一番上に, って感じで、CSSを読み込めば、URLに間違いが無い限りはCSS自体はブラウザが何であれ読み込まれるはずです。, 注意点としては、そのCSSを適用したい商品ページorカテゴリページでCSSを読み込ませた「ヘッダー・フッター・レフトナビ」のテンプレートが選択されている必要があります。 top:1px; すっかり更新をサボっていてGoogle先生からも見放されている感じの当サイトですが、たまに更新してみます。, 楽天市場に出店していると、楽天RMSへの不満は色々出て来るものですが、その中でも「デザインがダサい」ってのは良く聞く話です。, デザインは色々変えられるものの、専門の知識が必要とされる場合が多く、中々大変だったりします。, 今日はその中でも最終的な転換率（購入に至る率）に影響を与えるかも知れない「お買い物かごに入れる」ボタンのカスタマイズ方法を簡単に説明してみます。, 「お買い物かごに入れるボタン」は専門用語で言うとCTA（Call To Action）ボタンなどと呼ばれ、古くからネットの世界では需要だと言われています。それなのに楽天市場の「お買い物かごに入れるボタン」は味気なく古臭い感じのままです。, CTAボタンの色や配置でCVR（コンバージョンレート＝転換率）が数倍になったとか、色は緑が良いとか赤が良いとか、色々な説がありますが、長くなるのでここでは触れません。色々テストしてみて効果が上がるものが一番いいと思います。, ただ、楽天のお買い物かごの周りは、ごちゃごちゃしがちなので、デフォルトのままのボタンだと目立たないのは間違いないと思います。少しでも目に止まりやすく工夫すると、割りと簡単に成果が出るかも知れません。, 楽天市場のお買い物周りのソースを見てみると、詳しい説明は省きますが、
} ※システムの都合上買い物かごや商品ページの獲得予定ポイントに反映されませんがご了承ください。, ページ上部の 共通説明文（大）の件ですが、IEの8まではそもそもこの属性セレクタってのに対応していない様です・・・。. ・エントリーができているかはキャンペーンエントリー履歴からご確認ください。 -moz-box-shadow:inset 1px 1px 0px 0px #f29c93; コメントにありました通り、 「value=”買い物かごに入れる”」の「input」要素があります。これが「お買い物かごに入れるボタンです。
楽天カードで10,000円（税込）のお買い物をした場合… ※1 期間限定ポイント+2倍(上限各月3,000ポイント) ※2 spu楽天ゴールド・プレミアムカード特典ポイント ・楽天ゴールド・プレミアムカードご利用特典ポイント+2倍(上限ゴールド5,000ポイント、プレミアムカード15,000ポイント） 新しい名前です^^; 遅ればせながら、買い物かごボタンのカスタマイズをやってみたところ、 最初は、反映されませんでした。, 何でかなーと思いながら、いろいろやってみたところ、 font-size:16px; の方法だと、CSSを一切読み込みません。（3店舗で試しましたがすべてNGでした）, それで、共通説明文（大）にタグで直接記入したところ、IE以外では適用されたのですが、IEのみ反映されないので困っております。 反応してくれましたm(__)m, axis様 グレーになっていれば完了！ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fe1a00′, endColorstr=’#ce0100′); みなさんこんばんは。ハカセ（イクメン）です。
エンコードをutf-8nで保存し直したらうまくいきました。, 色々試してみるのは、ネットショップ運営の醍醐味ですね。 padding:9px 18px; -moz-border-radius:8px; これは「IDが#rakutenLimitedId_aroundCart」の要素の中にある「input」要素のうち「type=”submit”」の値を持つものだけを指定するという意味です。 color:#ffffff; 一部、重複した適用がされないキャンペーンもございます。詳しくは、各キャンペーンのページ、または、こちらもご確認ください。, 楽天トップ | 特集一覧 | ジャンル一覧 | 楽天市場アプリ | スーパーDEAL | ランキング | レビュー | 商品価格ナビ | 出店のご案内, ファッション | 家電・パソコン・カメラ | レディースファッション | 靴 | バッグ・小物・ブランド雑貨 | ジュエリー・アクセサリー | 腕時計 | インナー・下着・ナイトウェア | キッズ・ベビー・マタニティ | ダイエット・健康 | 医薬品・コンタクト・介護 | 美容・コスメ・香水 | 車・バイク | 車用品・バイク用品 | 食品 | スイーツ・お菓子 | 水・ソフトドリンク | ビール・洋酒 | 日本酒・焼酎 | ワイン | パソコン・周辺機器 | タブレットPC・スマートフォン | 光回線・モバイル通信 | TV・レコーダー・オーディオ | 家電 | CD・DVD | 楽器・音楽機材 | ゲーム | おもちゃ | ホビー | サービス・リフォーム | インテリア・収納 | 寝具・ベッド・マットレス | 日用品雑貨・文房具・手芸 | キッチン用品・食器・調理器具 | 花・観葉植物 | ガーデン・DIY・工具 | ペットフード ・ ペット用品 | スポーツ・アウトドア | ゴルフ用品 | 本（楽天ブックス） | 中古本 | 中古市場 | 中古買取 | ポイント | ネットショップ 開業・開店 | 楽天ウェブ検索 | R-magazine（雑誌コラボ） | 贈り物・ギフト | ディズニーゾーン | サンリオゾーン | あす楽 | まち楽 | 楽天ふるさと納税 | 楽天24 | スーパーDEAL | 開催中イベント一覧 | 福袋＆初売り | バレンタイン | ホワイトデー | 母の日 | 父の日 | お中元 | 敬老の日 | ハロウィン | お歳暮 | クリスマス | おせち | ランキング, 楽天市場 | 旅行・ホテル予約・航空券 | 本・DVD・CD | 電子書籍 楽天Kobo | ゴルフ場予約 | 出前・宅配・デリバリー | レシピ | 不要品買取 | 車検見積もり・予約 | イベント・チケット販売 | 写真プリント | 美容室・ヘアサロン予約 | 女性向け健康管理サービス | 物流委託・アウトソーシング | Rebates（ポイント提携サイト） | 楽天ポイントカード | おでかけでポイント | Rakuten Fashion | 地方競馬 | 競輪 | アフィリエイト | ネット証券（株・FX・投資信託） | カードローン | クレジットカード | 電子マネー | 決済システム | スマホでカード決済 | エネルギープランニング | 住宅ローン変動金利（固定特約付き）・フラット35 | 楽天保険の総合窓口 | 損害保険・生命保険比較 | 生命保険 | 自動車保険一括見積もり | インターネット銀行 | ニュース・検索 | リサーチ | 仕事紹介 | 就職活動 | 不動産情報 | ブログ | ROOM | 楽天モバイル | プロバイダ・インターネット接続 | 無料通話＆メッセージアプリ | 電話アプリ | 動画配信 | 占い | toto・BIG | 宝くじ（ナンバーズ4・ナンバーズ3） | 楽天イーグルス | 楽天グループ サービス一覧, ※特典により、付与の対象者・ポイント付与日・ポイント期限・上限ポイント数が異なります。ご注意ください。, ※エントリーは、開催日ごとに毎回必要です。また、開催日以外にはエントリーできません。, ・本特典ポイントは、ご利用されたカードが家族カードかどうかに関わらず、お買い物された会員IDに付与いたします。. コメントありがとうございます。 @charset “Shift_JIS”; から @charset “utf-8”; に変更したら 苦しくても面白い部分だと思います。 楽天市場:ハワイ専門店 アロハマーケットのよくある質問 > お買い物全般について > 買い物カゴに間違えて入れてしまいました！一覧。楽天市場は、セール商品や送料無料商品など取扱商品数が日本最大級のインターネット通販サイト 昔、コメントしたことがあるのですが、その時の名前を忘れましたので、 ご使用のブラウザでJavaScriptが無効なため、一部の機能をご利用できません。, 対象日中にエントリーして購入すれば対象に！ box-shadow:inset 1px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #fe1a00), color-stop(99%, #ce0100) ); 説明が下手でスミマセン・・・, 今まで結構な数の店舗さんでやらせて頂いているので、どこかに間違い（誤解）が無ければこの方法で行けるはずです。, また、 一応ある程度のショップの買い物かごで動作確認したのですが、買い物かごの設定によってはカゴ周りのパーツのIDなどが変わるのかも知れません。 通勤 通学 プレゼント バッグなら雑貨倉庫tokia あす楽 送料無料。エントリー&3,980円以上ご購入でポイント2倍！11/11 1:59まで gregory グレゴリー satchel m サッチェルmショルダーバッグ 斜めがけ b5 13l ブラック ナイロンメンズ レディース プレゼント ギフト 通勤 通学 送料無料 ※「買い物かごに入れる」の文言は、店舗ごとに違う場合があります。ボタンに表示されている言葉を当てはめて下さい。, なんの事だか良くわからない人もいると思いますが、CSSでその要素を指定するにはこんな感じになります。, 「input」のうちの「value=”買い物かごに入れる”」って値をもつやつの指定は、こうです。”って言う宣言みたいなものです。, ここでは文字を大きくしてスペースを調整し、フォントをMacならヒラギノ系に、Windowsならメイリオに変えています。, さらに手を加えたいならCSS Button Generatorを使ってこんな感じにも出来ます。, CSS Button Generator
表示されるかチェック！, と追記してアップしてみてページの背景色が黒くならなければ、 text-decoration:none; 買い物かごのボタンを赤く大きくする事は出来ましたが font-family:Arial; ｗｗｗ。, 質問というか困っているのですが、さっそく活用させていただいたところ -webkit-box-shadow:inset 1px 1px 0px 0px #f29c93; 楽天市場:那須高原 南ヶ丘牧場の南ヶ丘牧場のお買い物q&aページ > 【注文について】 > 買い物カゴボタンを押したら、キャンセルできないのですか？一覧。楽天市場は、セール商品や送料無料商品など取扱商品数が日本最大級のインターネット通販サイト display:inline-block; border:1px solid #d83526; /* This css button was generated by css-button-generator.com */, CSSのBackgroundの部分で指定したurlをブラウザのURL欄に入れて見て 下記、の通りで再度作成し、フッターコンテンツから, 最終的には「買い物かご」ボタンを用意したgifファイルに差し替えることができればと考えております。, #rakutenLimitedId_aroundCart input[value=”買い物かごに入れる”] { 下記記事等をご参考に基礎的な知識を学んだ上で再トライすれば問題なくご理解頂けると思います。, 始め、IEだけ無反応でしてなんでかなーと思っていましたら