【EC-CUBE2.13】商品名、カテゴリ、キーワード、価格帯、商品ステータス、規格で絞り込み検索ができる検索フォームページを作成（テンプレート）

search.tpl

<!--{*
/*
*<!--{*
* This file is part of EC-CUBE
*
* Copyright(c) 2000-2014 LOCKON CO.,LTD. All Rights Reserved.
*
* http://www.lockon.co.jp/
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*}-->

<script type="text/javascript">//<![CDATA[
    $(function () {
        $('select[name=classcategory_id1]').unbind('change');
        $('select[name=classcategory_id2]').unbind('change');
    });
//]]></script>


<div id="undercolumn">
    <div id="undercolumn_entry">
        <h2 class="title"><!--{$tpl_title|h}--></h2>

        <form name="advanced_search_form" id="advanced_search_form" method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
            <input type="hidden" name="mode" value="search" />

            <table summary="会員登録フォーム">
                <!--{strip}-->
                <col width="30%" />
                <col width="70%" />
                <tr>
                    <th>商品名を入力</th>
                    <td>
                        <input type="text" name="name" class="box140" maxlength="50" value="<!--{$smarty.get.name|h}-->" />
                    </td>
                </tr>
                <tr>
                    <th>商品カテゴリから選ぶ</th>
                    <td>
                        <select name="category_id" class="box145">
                            <option label="全ての商品" value="">全ての商品</option>
                            <!--{html_options options=$arrCatList selected=$category_id}-->
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>キーワードを入力</th>
                    <td>
                        <input type="text" name="keyword" class="box140" maxlength="50" value="<!--{$smarty.get.keyword|h}-->" />
                    </td>
                </tr>
                <tr>
                    <th>価格帯を入力</th>
                    <td>
                        <input type="text" name="price_range_lower" class="box140" maxlength="50" value="<!--{$smarty.get.price_range_lower|h}-->" />〜
                        <input type="text" name="price_range_upper" class="box140" maxlength="50" value="<!--{$smarty.get.price_range_upper|h}-->" />
                    </td>
                </tr>
                <tr>
                    <th>規格1から選ぶ</th>
                    <td>
                        <select name="classcategory_id1" class="box145">
                            <option label="規格1" value="">規格1</option>
                            <!--{html_options options=$arrClassCat1List}-->
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>規格2から選ぶ</th>
                    <td>
                        <select name="classcategory_id2" class="box145">
                            <option label="規格2" value="">規格2</option>
                            <!--{html_options options=$arrClassCat2List}-->
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>商品ステータスから選ぶ</th>
                    <td>
                        <select name="product_status_id" class="box145">
                            <option label="全ての商品ステータス" value="">全ての商品ステータス</option>
                            <!--{html_options options=$arrSTATUS}-->
                        </select>
                    </td>
                </tr>
                <!--{/strip}-->
            </table>

            <div class="btn_area">
                <ul>
                    <li>
                        <input type="image" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_bloc_search.jpg" alt="検索" name="search" />
                    </li>
                    <li>
                        <input type="image" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_bloc_search.jpg" alt="リセット" onclick="document.advanced_search_form.reset();return false;" />
                    </li>
                </ul>
            </div>

        </form>
    </div>
</div>