【コピペで簡単!】楽天goldで商品検索窓を作成する方法

楽天GOLDで検索窓はどうやって作るの?
検索窓を作成したが、文字化けしてしまう…
レフトナビをifreamで切り分けた際に、ifream内で検索結果が表示されてしまう…

こんな悩みを解決できる記事を書きました!
本業はWordPressのオリジナルテーマ制作をおこない、副業ではブログを書いております。

この記事を読むことで、コピペで簡単に商品検索窓を作成することができます。

 

楽天goldで商品検索窓を作成する方法

商品検索窓を設置したい箇所に、次のコードを記述します。

<form method="get" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc">
  <input type="hidden" name="f" value="A">
  <input type="hidden" name="sid" value="(店舗ID)">
  <input type="hidden" name="sn" value="(店舗名)">
  <input type="hidden" name="su" value="(店舗URL)">
  <input type="hidden" name="sv" value="6">
  <input type="text" name="sitem">
  <input type="submit" value="商品検索">
</form>

 

解説

商品検索窓を作成する際に変更が必要な箇所は、以下の3つ。

①店舗ID
楽天RMS管理画面 → 店舗設定 → 基本情報設定 → 店舗ステータス変更(URLの末尾にある6桁の数字)

②店舗名
店舗名を入れます。

③店舗URL
例:  https://www.rakuten.ne.jp/gold/〇〇〇〇/
〇〇〇〇の部分を入れます。

検索結果が文字化けしてしまう時の解決策

検索結果が文字化けしてしまう時は、formタグの文字コードをEUC-JP(euc-jp)に設定してあげる必要があります。

<form method="get" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="euc-jp">

 

ifream内で検索結果が表示されてしまう時の解決策

レフトナビをifreamで切り分けた際に、ifream内で検索結果が表示されてしまう時は、formタグに target=”_top” を追加する必要があります。

<form method="get" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" target="_top">

 

今回は以上です。

SNSでもご購読できます。

コメントを残す

前の記事

次の記事