商品検索で「カテゴリ内検索」はできますか?

コマースクリエイター未利用店舗様専用の記事です

futureshopの検索機能では「カテゴリ検索(グループ内検索)」はできませんが、「商品タグ」を利用することにより、
「カテゴリ検索風」のプルダウンや、「カラー検索」などのプルダウンを表示できます。

▼作成例

 

商品タグを利用した「カテゴリ検索風」の実装方法

STEP1: 検索用のタグを登録する

運用メニュー>商品管理>商品検索などから商品基本情報編集を開き、タグ欄にタグを登録します。
例:トップス,Tシャツ,ボトムス など
カンマ区切りで複数登録可能です。(半角/全角スペースも区切り文字として認識します)

商品タグはCSVでの一括登録も可能です。

 

STEP2: 商品検索フォームHTMLタグを出力する

構築メニュー >その他>各ページURL・タグ一覧 にて
最下部「
商品検索を行うHTMLタグ」のHTMLタグボタンをクリックし、
商品検索フォームのHTMLタグを取得します。

 

STEP3: (STEP2)で出力したHTMLタグをカスタマイズする

検索フォームの設置方法詳細については下記をご参照ください。

 ■虎の巻:商品検索フォームを設置したい


タグのカスタマイズサンプル(★印の部分は変更してご利用ください)
<form action=" https://独自ドメイン/fs/店舗KEY/GoodsSearchList.html" method="get">
<input type="hidden" name="_e_k" value="A" />
<ul id="searchBox">
<li class="midashi">商品検索</li>


<li class="item"><dl><dt>★色で検索</dt>
<dd><select name="tag">
<option value="">
<option value="赤">赤</option> ←★変更してください
<option value="青">青</option> ←★変更してください

・(←適宜追加・削除してご利用ください)

</select></dd></dl></li>


<li class="item"><dl><dt>★ブランドで検索</dt>
<dd><select name="tag">
<option value="">
<option value="ブランド名A">ブランド名A</option> ←★変更してください
<option value="ブランド名B">ブランド名B</option> ←★変更してください
<option value="ブランド名C">ブランド名C</option> ←★変更してください


</select></dd></dl></li>


<li class="item"><dl><dt>★カテゴリで検索</dt>
<dd><select name="tag">
<option value="">
<option value="トップス">トップス</option> ←★変更してください
<option value="Tシャツ">Tシャツ</option> ←★変更してください
<option value="ボトムス">ボトムス</option> ←★変更してください
<option value="パンツ">パンツ</option> ←★変更してください
<option value="ワンピース">ワンピース</option> ←★変更してください


</select></dd></dl></li>


<li class="item"><dl><dt>★その他</dt>
<dd><select name="tag">
<option value="">
<option value="2018新作">2018新作</option> ←★変更してください
<option value="2018セール">セール</option> ←★変更してください


</select></dd></dl></li>


<li class="item"><dl><dt>商品番号</dt>
<dd><input name="goodsno" type="text" maxlength="100" ></dd></dl></li>
<li class="item"><dl><dt>キーワード</dt>
<dd><input name="keyword" type="text" maxlength="1000" id="TARGET" ></dd></dl></li>
<li class="item"><dl><dt>価格</dt>
<dd><input name="minprice" type="text" class="price" size="6" maxlength="9"> ~
<input name="maxprice" type="text" class="price" size="6" maxlength="9"> 円 ></dd></dl></li>
<li class="searchBtn"><input type="image" name="submit" alt="検索する" src="任意の画像パス(検索するボタン画像)"></li>
</ul>

</form>

※常時SSL未対応店舗様は、actioon値にドメインは記入せず、「/fs/店舗KEY/GoodsSearchList.html」に書き換えてご利用ください。

 

この記事は役に立ちましたか?