*

楽天の買い物かごボタンをカスタマイズ

公開日: : 最終更新日:2016/05/02 楽天RMS, 楽天ショップのデザイン


この記事の「買い物かごをカスタマイズする方法」は、2015年に楽天RMSのHTMLソースが変わったため、変更不可になりました。
ここに記載してあるのは、過去RMSで出来た裏ワザの情報です。

楽天の店舗様でよく見る、買い物かごボタンを目立つ画像にする方法です。

まず、「買い物かごに入れる」ボタンを作ってR-Cabinetに登録しておきます。

場所はどこでもいいですが、共通説明文(大)が分かりやすいので、
RMSの1-2デザイン設定で「共通説明文(大)」を開き、以下のHTMLを入力します。

買い物かごボタンをカスタマイズするHTML


<style type="text/css">
div table table table table input[value="買い物かごに入れる"] {
text-indent:-9999px;
width:219px;height:54px;
background: url(画像URL) no-repeat;
border:0;
margin:0px 0;
cursor:pointer;
font-size:12px;
color:#000000;
}
-->
</style>

HTMLの注意

div table table table table input[value=”買い物かごに入れる”]
の部分は、買い物かごに入れるボタンの名前を変えている場合は、そのボタン名を入れましょう。

width:219px;height:54px;
の部分は、作成した買い物かごボタンの画像サイズに合わせます。
widthの部分に作成した画像の横幅、heightの部分に縦を入力します。

background: url(画像URL) no-repeat;
の画像URLには、作成した画像をR-Cabinetに登録してそのURLを入力します。

表示の確認

入力ができたら、実際のページで確認します。
1005
このようになっていたら、大丈夫です。

関連記事

スマホ時代に合わせた楽天Goldページの最適化

楽天PCページのスマホ対策が大事だという事例。 スマートフォン対策を色々やった店舗様のGoogle

記事を読む

お荷物伝票番号付きURLの発送メールへの入れ方 楽天RMS対応

配送状況に関する問い合わせを減らすには? ネットショップでよくあるお問い合わせの一つが、配送状況の

記事を読む

no image

楽天RMSのページをスタイルシートでカスタマイズ

簡単にスタイルシートで楽天RMSページをカスタマイズできる方法 前回、楽天RMSの項目選択肢別在庫

記事を読む

楽天RMSの項目選択肢別在庫に出る納期のデザインを変更

項目選択肢別在庫の納期情報の文字色・サイズなどの変更 1月13日から楽天では納期情報が必須になるた

記事を読む

no image

楽天RMSでも出来るGoogle,YahooのSEO対策【1】

楽天ショップの場合、楽天サーチなど楽天サービスからの集客を意識しがちですが、rakuten.co.j

記事を読む

楽天RMSの納期を一括設定するには【2月29日まで】

楽天の週間サポートニュースなどでも告知されていますが、2015年1月13日から商品ごとの納期情報の設

記事を読む

楽天Goldで作ったページをモバイルフレンドリー対応にするには?

Googleが、2015年4月21日からスマートフォン対応していないサイトは検索での順位を落とすと発

記事を読む

no image

楽天ショップのショップ内サーチのカスタマイズ

楽天ショップで設置できる店舗内検索について 店舗内検索のフォームは実は裏側でいろいろなパラメータを

記事を読む

楽天ディレクトリID(商品ジャンル)とタグIDの変更

楽天ディレクトリID(商品ジャンル)とタグIDの変更の影響について 2014/05/18に楽天の全

記事を読む

no image

楽天Goldのhttps:修正手順(SSL対応)

楽天Goldを使っている場合のSSL修正の手順 YahooショッピングのSSL対応に続いて、楽天市

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

RPP(楽天 検索連動型広告)で商品を除外する方法

楽天RPP(キーワード広告)でパフォーマンスレポートの見方はこちらのR

RPP最初の画面
RPPパフォーマンスレポートの新規、既存などの意味は?

楽天RPP(キーワード広告)を運用していく上で大事なのは、成果を見て改

no image
RPP(楽天キーワード広告)の平均ROASは?

楽天では、RPP(楽天プロモーションプラットフォーム)という検索画面に

no image
楽天ペイ(RMS)で効率的に受注管理するには?

楽天ペイは今までの受注管理、R-Backofficeと異なりステータス

Yahooショッピング SEO(7)3月14日から低評価でペナルティ

Yahooショッピングで2017年10月に発表された、評価が悪いショッ

→もっと見る

PAGE TOP ↑