楽天市場のショップに検索窓をつける情報は、沢山転がっていますが、

Yahooショップに検索窓をつける方法は、標準的な検索ワードを入力するタイプしか見当たらなかったので、

自分自身の覚書を兼ねて、記載しておきます。

まず、設置するためには、トリプルが必要となります。

(小容量でOKなので、トリプル無料にならないかなぁ~)

トリプルに以下を置きます。

===============

<form action=”http://store.shopping.yahoo.co.jp/《ストアアカウント》/search.html” method=”get” name=”form1″ target=”_blank”>
<div align=”center”>
<p>
<BR>
<input type=”radio” name=”p” value=”AAAAA”>AAAAA<br>
<input type=”radio” name=”p” value=”BBBB”>BBBB<br>
<input type=”radio” name=”p” value=”CCCC”>CCCC<br>
</p>
</div>
<div><input width=”90″ type=”image” height=”20″ alt=”ストア内検索” src=”http://i.yimg.jp/images/store/shp/bt/str_search.gif”></div>
</form>

===ここまで===

「AAAAA」、「BBBB」、「CCCC」いずれかをラジオボタンで選んで検索です。

<iframe>で呼び出して使用するので、「 target=”_blank”」を忘れると使えない検索窓になります。

# 実は私はやってしまった(-_-;)

で、ショップ内の検索窓をつけたい場所に

===============

<iframe src=”http://shopping.geocities.jp/《ストアアカウント》/《トリプルに置いたhtml》” name=”適当な名前” frameborder=”0″ marginwidth=”0″ marginheight=”0″ width=”xxxx” height=”yyyy” scrolling=”no” >
この部分に表示されます</iframe>

===ここまで===

「xxxx」、「yyyy」フレーム内に表示させたいサイズ

注:「marginwidth=”0″ marginheight=”0″」を忘れると余白が入って期待のサイズ表示できません。

 

よくあるトリプルに検索窓を設置のソースをすこしいじっただけですが、個別のキーワードで検索させたい場合などいろいろ応用できるかと思います。

複数キーワード対応とか、もっと高度なものもいずれは.....