*

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

公開日: : 最終更新日: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
このようになっていたら、大丈夫です。

関連記事

楽天、YahooなどのCSVをExcelで安全に開くには?

楽天やYahooショッピングなど、ネットショップの業務をやっていると「CSVデータ」がないと出来ない

記事を読む

no image

楽天スマホページ編集ツール

1年前に作った、スマホ用のカテゴリページを出力できるシステムを放置してたので、少しだけ手を入れてテス

記事を読む

no image

[03/23加筆]ネットショップモール・ショッピングカートでしないといけない消費税対応(楽天・Yahoo・Amazonなど)

いよいよ4月1日より、消費税率が8%になります。 ネットショップでも消費税を変更しないといけません

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

楽天スマホページでヒートマップを導入して改善

ヒートマップとは、ユーザーがどのように行動したか、可視化してくれるツールです。 以下のように、どこ

記事を読む

ネットショップモール・ショッピングカートでしないといけない消費税対応(楽天・Yahoo・Amazonなど)

いよいよ4月1日より、消費税率が8%になります。 ネットショップでも消費税を変更しないといけま

記事を読む

スマホ用サイトへの転送を記憶させるJavaScript(楽天Gold用)

楽天Goldでページを作成している場合、レスポンシブデザインでないかぎり、 スマホでページを見てい

記事を読む

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

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

記事を読む

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

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

記事を読む

Message

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

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

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

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

楽天Goldを使っている場合のSSL修正の手順 Yahooショッピン

no image
Amazonセラーセントラルの乗っ取り多発!二段階認証を

Amazonで詐欺出品者が急増中 Amazonセラーセントラルで、以

no image
Yahooショッピングの常時SSL(AOSSL)で厳密に置換したい場合

Yahooショッピングの常時SSL(AOSSL)、トリプルはどうするか

no image
Yahooショッピングの常時SSL(AOSSL)、トリプルはどうするか

Yahooショッピングの常時SSL(AOSSL)対応でYahooトリプ

→もっと見る

PAGE TOP ↑