楽天カテゴリページの画像サイズを大きくする裏技
楽天市場のカテゴリページに一覧表示される商品画像が小さい！サイズを大きくしてもっと商品を目立たせたい！という方向けの裏技を解説します。 カテゴリページでJavaScriptを利用したい方も参考にどうぞ。 カテゴリページの画像を大きくする裏技の使い方下のhtmlをカテゴリ説明文上/下、またはヘッダー・レフトナビ・フッターの編集画面に記述するだけでカテゴリページの画像は大きくなります。 <style> #risFil .categoryWindowImg { width: 230px !important; height: 230px !important; } </style> <body onpageshow=" jQuery(document).ready(function ($) { $('.categoryWindowImg').each(function () { var src
楽天RMSで外部JavaScriptを使う裏技【imgタグ使用】
楽天RMSではscriptタグが禁止されているためJavaScriptが使えません。 それでもどうにかしてJavaScriptを使いたいという方のための裏技を紹介します。 商品ページやカテゴリページでJavaScriptを使って実現したいことがある人は参考にしてください。 追記：楽天の仕様変更により本記事で解説する方法は使用できなくなりました。別の方法であるonpageshow属性を使う方法をお試しください。
スマホページにメルマガ登録フォームを設置するHTMLテンプレートをご紹介！
スマホの脱出ゲームで遊んでいてダイアル式ロックを解除するシーンがありました。 適当にガチャガチャ動かしていたら開いてしまったのでそっとアプリを終了させたogaRia佐藤です。これで脱出できても達成感がないですよね＞＜ さて今回は楽天GOLDで作ったスマホTOPページなどに 設置できるメルマガ登録フォームのHTMLテンプレートをご紹介したいと思います。 デモ デザイン1 貼り付けHTML 貼り付ける前に下記赤字の部分を修正しましょう！ SHOP-URL ここにはショップのアカウントを入力します。 アカウントはショップページのTOPに記載されているURLの末尾の部分です。 例えば http://www.rakuten.co.jp/wakeariya/ この場合「wakeariya」がショップアカウントです。 SHOP-NUMBER ここには「ショップナンバー」を入れます。ショップナンバーは数字
楽天で画像やCSS、JSを上書きしてもページに反映されないときの対処方法
上記のように通常は画像ファイルを指定する記述は拡張子で終わりますが、即座に反映させる場合は、拡張子の後ろに文字情報（パラメーター）を付加させます。文字情報として付加するのは何でも良いのですが、ここでは、拡張子の後ろに「?No=1」としています。 上書き後に即座に反映させる記述 RMSキャビネット内の画像の場合画像を表示するタグ <img src="sample.jpg?No=1"> ファイル名からに省略していますが、実際には下記のようなURLを指定 https://image.rakuten.co.jp/店舗URL/cabinet/sample.jpg?No=1 GOLD内の画像の場合画像を表示するタグ <img src="sample.jpg?No=1"> ファイル名からに省略していますが、実際には下記のようなURLを指定 https://www.rakuten.ne.jp/gold/店
【楽天裏技】劇的ビフォアフター！カテゴリページのサムネイルを大きくしちゃうよ！
※2020追記※ 楽天の仕様変更によりこちらの記事に記載の裏技は実装不可となりました。 んちゃ！伍号機です。 楽天スーパーSALE絶賛開催中ですね。 今日は5のつく日ですね！ ポイントゲッターな伍号機はほしかったあれこれ今日まとめて買うつもりです。 そんなことはさておき。 本題に入りますよ。 「楽天のカテゴリページってサムネイルちっちゃいよな・・・」 って思ってことありませんか？ 楽天の店舗運営者なら一度は思ったことがあるはず。 ↓こんな感じですよね。 （あ、ちなみに「並び替え」バーのあたりカスタマイズしています。そのあたりの方法もいつか紹介できれば） このサムネイルの表示がやっかいで、サイズがしっかり指定されちゃっているもんですから、 CSSでごにょごにょ・・・ってわけにもいかないんですよね。 JSさえ使えれば・・・ でもRMSってJS使えないし・・・ と思っていたんです。 が、実は な
【備忘録】楽天のお気に入り登録のURL
んちゃ！5号機です！ 更新とかいろいろしていると毎っ回同じことを調べては 同じようにドツボにハマることがあるので、 個人の備忘録も兼ねていろいろメモしていこうと思います。 まずは楽天のお気に入り追加URLについて。 商品ページにはもともとついていますが、特集ページやメルマガに設置することもできるので、 知っておくとなかなか便利なタグです！ そもそも、「お気に入り登録」のメリットについて ⇒お気に入り登録をすると、値下げやポイントUPになった場合に お客様に自動的にPUSH通知が届くので、 SALE前などの予告の際などに有効利用できます！ 商品横のボタンを上手にカスタマイズするなど、 お気に入り登録に力を入れている店舗さんが多いことからも いかに重要な戦略かが伺えます！ （このあたりはまた別の機会にじっくりと記事にできれば・・・） ぜひともマスターして売上UPに活用したいものです。 お気に入
ogaRia 繁盛レシピ
[株式会社オーガランド] 現在24のネットショップを運営する鹿児島の企業です。 販促支援システムを提供する「ogaRia(オガリア)」サービスを運営しています。 ⇒ ogaRiaサービスについてはこちらから
【非公式…！】chrome拡張機能「scriptAutoRunner」で楽天市場の「http→https」を自動化する方法
ごま、って結局なんだ？オガリア中村です。 本日は、楽天市場の「https化」作業をちょっと楽にする方法をご紹介しますよー！ 楽天市場は自動でhttps化されない…！しかも「商品一括編集サービス(有償)」も利用していない…！そんな絶望に包まれた店舗様はぜひお試しあれ。 RMSで編集画面を開くたびに、自動でhttpsへ置換！ シンプルに、「商品の編集画面に入ったときに、自動でhttpをhttpsに置換する」だけの機能になります。 できないこと ・全商品の一括処理 ・商品ページ以外のページについての置換(トップページとかヘッダーとか) 設定方法 今回使うのは、google chromeブラウザの拡張機能「scriptAutoRunner」です！特定のwebページにアクセスした際に、自分で用意したscript(ページの状態を動的に書き変えできる言語)を作動させてくれる面白いアプリケーションです。
楽天で送料無料が混在した時の送料 | Web探訪記
送料無料を含む注文の場合は送料全て無料 楽天RMS内の送料設定で 通常のクロネコヤマト等の個別の配送設定は可能なのですが 複数商品購入した場合でその中に「送料無料」設定のものが含まれていた場合に 1注文の送料を無料にしたいという場合以下のように設定します。 RMSログイン後 左のメニューの中から 「1-4基本情報設定」 ↓ 「配送方法（PC版、スマートフォン版のお買い物かご用）」 ↓ 「送料設定」 ↓ 「ステップ4:送料無料商品の扱い等」 の中の「編集」をクリックすると 送料無料商品の扱い 送料は送料料金表に関係なく送料無料になります。ただし、商品ページで個別に送料が設定されている商品がある場合は、その送料×個数分は必要になります。 にチェック入れるとイケるっぽいです カラーミーでは重量による送料設定があるのでそちらで重量設定して 送料無料が含まれていたら他の同梱商品も送料無料に出来るので
なにかと必要で忘れがちな楽天店舗各種URLまとめ | 楽天ティップスRakutenTips
何かと必要で忘れがちな基本店舗URLをまとめました。 URLの際に必要な店舗IDや商品IDは、以下の個所から確認できます。 ■RMSから確認する場合 RMS メインメニュー > 商品登録・更新 > 商品一覧 > 商品編集 > 商品登録情報 > RAC番号 □□□□□□（ショップID）- ○○○○○○○（商品ID）になります。 ■商品ページから確認する場合 商品ページのカート側にあるレビューを書くページをクリック。そこのURLの http://review.rakuten.co.jp/wd/2_□□□□□□_○○○○○○○_0/?l2-id=item_review_write □□□□□□（ショップID）と ○○○○○○○（商品ID）になります。 ■トップページ PC（RMSで作成） http://www.rakuten.co.jp/店舗URL/ PC（GOLDで作成） http://www
【楽天】CSS Tips┃カテゴリページの「商品リスト」を見やすくカスタマイズ！(コピペで完了)
この記事は過去に書かれた「ogaRia繁盛レシピ」を再掲載しています。予めご了承くださいませ。 こんにちは、左右のLとRの表記を確認する時は ゲームのコントローラーを思い出すogaRiaチームSです。 今回は楽天のカテゴリページで商品リストをCSSでカスタマイズしよう！ という記事を書かせて頂きます。 通常の商品リストは何かちょっと味気ない感じがしますね。 セールの特集ページを作っても商品リストの部分がさびしいかも。。。 商品名が長すぎてごちゃごちゃしてしまう。。 そんなショップ様向けにシンプルで見やすい商品リストへカスタマイズしてみましょう！ カスタマイズ後のデザイン 早速ですが、カスタマイズ後のサンプルイメージを見てみましょう。 価格表記を赤字で大きく、商品名は小さめで2行のみ表示され、 超えた分は非表示になります。 CSSタグをRMSに貼り付け 下記CSSを共通部分(ヘッダー、フッタ
「簡単コピペ楽天カスタマイズ」カテゴリページのパンくず、下位カテゴリリストをリッチに！
いまさらながらシーマンというゲームが面白く感動するゲームだと知りました。 ogaRia佐藤です。 今回は気になるカテゴリページの下階層カテゴリリストを CSSで見やすくリッチにする方法をご紹介したいと思います。 このカテゴリリスト、せっかくなので活かしたいところですが、元々のデザインだと埋もれてしまいがちです。 そんな気になる部分は今日で解決！では早速確認してみましょー！ 標準のデザイン 楽天標準のデザインではサラっと小さなテキストで ぱんくずと下階層のカテゴリリストが並んでいる状態です。 下階層のカテゴリリストのテキストのサイズ、色は RMSから変更が可能ですがこれだけだと中々目立たせることが難しいです。 デザインパターン① カスタマイズ後のデザイン 今風のスマホっぽいデザインにしてみました！ ぱんくずにも背景色をつけてメリハリをはっきりさせて見やすくなっています。 専用CSS 下記のC
楽天ショップの「お気に入り登録」ボタンを設置するTips
楽天ショップの「お気に入り登録」ボタンを設置するTips 2013 11/7 カテゴリー : 楽天Tips . 楽天販促ノウハウ リピート率UP . 楽天カスタマイズ . 楽天販促ノウハウ コメントを書く こちらの記事は、2016年3月から内容を修正の上「繁盛レシピ」に再掲載しました！こちらからご確認できます。 こんにちは。背伸びするとアキレス腱が千切れ飛びそうになるオガリア中村です。社会人になってから、背伸びしてアキレス腱が切れるとか、ダサい、以外のなんでもないと思っています。 皆様は楽天でお買い物する時、「気になるけど今必要じゃない…」的な商品の扱いってどうされますか？ ちなみに私は、とりあえずお買い物かごに入れちゃいます。 そうすると、1年も経てばお買い物かごの商品数が101個になります。1個目に何入れたんだっけ。。と見返したら、昨日ドラッグストアで購入したボディソープを入れてました
楽天ショップのショップ内サーチのカスタマイズ
楽天ショップで設置できる店舗内検索について 店舗内検索のフォームは実は裏側でいろいろなパラメータを変えることで、便利な使い方が出来ます。 ◆絞り込み条件の変更 f=というオプションが、が絞り込みを意味する。 f=1が標準（全て） f=2が感想あり f=3が在庫あり f=4が送料込み 例えば以下のような行を検索のソースに追加すると、在庫がある商品のみ表示されます。 <input type=”hidden” name=”f” value=”3″> ◆並び順の変更 s=というオプションが、並び順を意味する。 s=28が標準 s=2が安い順 s=3が高い順 s=4が感想が多い順 ◆表示方法の変更 v=という項目が、表示方法の変更になる。 v=1は画像なし表示 v=2は標準の画像あり表示 v=3はウインドウショッピング（画像が大きい表示形式） なお楽天ブックス独自の表示方法もある。 ◆検索方法 sv
【楽天/RMSにコピペで完了！】カラーやサイズの「選択肢」に一緒に画像を表示させるTips
こんにちは。お願いだから海産料理屋に水槽を置くのをやめて欲しいオガリア中村です。せめて、アレですよ、席から魚と目が合わない位置に置いて欲しいです。 楽天ショップに限らずなんですが。商品画像を見て欲しいカラーがあっても、いざお買い物かごに入れるときに「どのカラーを選べばいいのか」分からず、商品画像を見返さないといけない事ありませんか？3色程度ならいいけど、これが5色以上になるとちょっとややこしかったり。 そこで！カラーの選択肢を作る楽天市場の機能「項目選択肢別在庫」に、商品画像を一緒に載せられちゃうTipsをご紹介しますー！ デモ 「項目選択肢別在庫設定」を登録した場合、初期デザインではこのような状態になります。これだと、どの選択肢がどの商品に該当するのかここでは確認とれませんよね・・・・。 <style type="text/css"> <!-- /* 選択肢名前に画像出す - 横軸専用
楽天RMS 楽天ショップ商品ページでヘッダーコンテンツの幅を画面いっぱいに使うコード - なんかできたよー。
楽天RMS用 メモ [デザイン設定] -> [ヘッダー・フッター・レフトナビ] -> [●●●] -> [ヘッダーコンテンツ] へコピペ <!-- s --> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- / --> <!-- 好きなものを入れる --> <!-- s --> <table width="100%" cellspacing="20" cellpadding="0" border="0"> <tr> <td align="center"> <table width="800" cellspacing="0" cellpadding="5" border="0"> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> <table width
[楽天]RMSに営業日カレンダーの機能が実装されたみたい
営業日カレンダーの更新て意外と手間ですよね。 利用されているモール、ECサイトの仕組みによっては簡単に設定出来るようになっていますが、手動でタグを記述して更新する必要がある場合は大変ですよね。 H29.10.30 スマホページにカレンダーを表示する方法を追記しました。 以前の記事 というのを紹介しましたが楽天RMSに営業日カレンダーの機能が実装されていたので使ってみました。 楽天RMSの営業カレンダーについて楽天のRMSに営業日カレンダーの設定機能が追加されています。 「RMSの基本情報設定」 → 「営業日カレンダー設定」 が追加されてました。 カレンダー設定画面になります 休業日・配送休業日・配送のみ と3パターンの色を設定することが出来ますね。 曜日をまとめて色付け、祝日の色づけなど出来て良い感じです。 デザイン設定のエリア 色、サイズなど細かく設定ができ休業日・配送休業日・配送のみ
![[楽天]RMSに営業日カレンダーの機能が実装されたみたい](https://cdn-ak-scissors.b.st-hatena.com/image/square/a228308be4d61e271969d521f2d840316101de43/height=288;version=1;width=512/https%3A%2F%2Fpeacepopo.net%2Fwp-content%2Fuploads%2F48-1.gif)
【楽天市場】注目キーワードランキング！
注目キーワード一覧 旬なものから定番のキーワードまで、楽天市場でよく検索されているキーワードが一目でわかる「注目キーワード一覧」をチェック！ 楽天トップ | 特集一覧 | ジャンル一覧 | 楽天市場アプリ | スーパーDEAL | ランキング | レビュー | 出店のご案内 【楽天市場のサービス】 ファッション 総合 | 家電・パソコン・カメラ 総合 | レディースファッション | 靴 | バッグ・小物・ブランド雑貨 | ジュエリー・アクセサリー | 腕時計 | 下着・ナイトウェア | キッズ・ベビー用品・マタニティ | ダイエット・健康 | 医薬品・コンタクトレンズ・介護用品 | 美容・コスメ・香水 | 車・バイク | カー用品・バイク用品 | 食品 | スイーツ・お菓子 | 水・ソフトドリンク | ビール・洋酒 | 日本酒・焼酎 | ワイン | パソコン・PCパーツ | タブレットPC
楽天商品ページに複数の買い物かごボタンを設置する方法
今日は楽天ショップの商品ページについてのお話です。 これからAという商品を商品ページに載せるとします。そのAという商品には多数のオプション品があり、合わせてオプション品もたくさん売りたいという場合結構頭を悩ます問題だったりします。その対応策を効果が薄い順に紹介します。 商品説明文にリンクを付ける 最も基本的な策ですね。カート下の商品説明文にテキストでリンクを付けます。 <a href="商品ページのURL">オプション品1</a> ないよりはましですが、地味で目立たないのであまりオプション品の購入動機には繋がりにくいです。 販売説明文にバナーでリンクを貼る 楽天の販売説明文とはカート上の部分です。商品を買おうと思っている人には必ず目に入る場所です。そこにオプション品へのバナー画像リンクがあれば、オプション品も見てくれるかもしれません。 <a href="商品ページのURL"><img sr
楽天RMSトップページを自動でGOLDにジャンプさせる方法教えますョ
ヤマダライフログ :::YamadaLifeBlog::: 札幌在住30代のWebクリエイターのライフログ。Webデザイン・アクセスアップ・ネットショップの作り方・初心者向け個人レッスン 意外に皆さん悩んでいるのではないでしょうか？ 楽天トップページをGOLDに自動で移動させるには現行のRMS画面ではできないんですよ〜 私も色々悩んだのですが「旧RMS」で設定するのが結論です。 「移転しました。3秒後に切り替わります。」といった感じでリダイレクトしているサイトがあります。実際にリダイレクトされているサイトのソースを見ると確かにJavaが使用されていました。 そこで、RMSで色々な場所にJavaを入れてみましたがやはりエラーが出てしまいます。 昔から楽天を運営していた人は知っているようなんですが、旧RMSの時は簡単にできたそうです。 新RMSではひと手間かけないとできなくなりました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
