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

list.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 fnSetClassCategories(form, classcat_id2_selected) {
        var $form = $(form);
        var product_id = $form.find('input[name=product_id]').val();
        var $sele1 = $form.find('select[name=classcategory_id1]');
        var $sele2 = $form.find('select[name=classcategory_id2]');
        eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
    }
    // 並び順を変更
    function fnChangeOrderby(orderby) {
        eccube.setValue('orderby', orderby);
        eccube.setValue('pageno', 1);
        eccube.submitForm();
    }
    // 表示件数を変更
    function fnChangeDispNumber(dispNumber) {
        eccube.setValue('disp_number', dispNumber);
        eccube.setValue('pageno', 1);
        eccube.submitForm();
    }
    // カゴに入れる
    function fnInCart(productForm) {
        var searchForm = $("#form1");
        var cartForm = $(productForm);
        // 検索条件を引き継ぐ
        var hiddenValues = ['mode', 'category_id', 'maker_id', 'name', 'orderby', 'disp_number', 'pageno', 'rnd', 'product_status_id', 'keyword', 'price_range_lower', 'price_range_upper', 'classcategory_id1', 'classcategory_id2'];
        $.each(hiddenValues, function () {
            // 商品別のフォームに検索条件の値があれば上書き
            if (cartForm.has('input[name=' + this + ']').length != 0) {
                cartForm.find('input[name=' + this + ']').val(searchForm.find('input[name=' + this + ']').val());
            }
            // なければ追加
            else {
                cartForm.append($('<input type="hidden" />').attr("name", this).val(searchForm.find('input[name=' + this + ']').val()));
            }
        });
        // 商品別のフォームを送信
        cartForm.submit();
    }
//]]></script>

<div id="undercolumn">
    <form name="form1" id="form1" method="get" action="?">
        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
        <input type="hidden" name="mode" value="<!--{$mode|h}-->" />
        <!--{* ▼検索条件 *}-->
        <input type="hidden" name="category_id" value="<!--{$arrSearchData.category_id|h}-->" />
        <input type="hidden" name="maker_id" value="<!--{$arrSearchData.maker_id|h}-->" />
        <input type="hidden" name="product_status_id" value="<!--{$arrSearchData.product_status_id|h}-->" />
        <input type="hidden" name="name" value="<!--{$arrSearchData.name|h}-->" />
        <!--{* ▲検索条件 *}-->
        <!--{* ▼ページナビ関連 *}-->
        <input type="hidden" name="orderby" value="<!--{$orderby|h}-->" />
        <input type="hidden" name="disp_number" value="<!--{$disp_number|h}-->" />
        <input type="hidden" name="pageno" value="<!--{$tpl_pageno|h}-->" />
        <!--{* ▲ページナビ関連 *}-->
        <input type="hidden" name="rnd" value="<!--{$tpl_rnd|h}-->" />
        <!--{* ▼input要素追加 *}-->
        <input type="hidden" name="product_status_id" value="<!--{$arrSearchData.product_status_id|h}-->" />
        <input type="hidden" name="keyword" value="<!--{$arrSearchData.keyword|h}-->" />
        <input type="hidden" name="price_range_lower" value="<!--{$arrSearchData.price_range_lower|h}-->" />
        <input type="hidden" name="price_range_upper" value="<!--{$arrSearchData.price_range_upper|h}-->" />
        <input type="hidden" name="classcategory_id1" value="<!--{$arrSearchData.classcategory_id1|h}-->" />
        <input type="hidden" name="classcategory_id2" value="<!--{$arrSearchData.classcategory_id2|h}-->" />
    </form>

    <!--★タイトル★-->
    <h2 class="title"><!--{$tpl_subtitle|h}--></h2>

    <!--▼検索条件-->
    <!--{if $tpl_subtitle == "検索結果"}-->
    <ul class="pagecond_area">
        <li><strong>商品カテゴリ：</strong><!--{$arrSearch.category|h}--></li>
        <!--{if $arrSearch.maker|strlen >= 1}--><li><strong>メーカー：</strong><!--{$arrSearch.maker|h}--></li><!--{/if}-->
        <li><strong>商品名：</strong><!--{$arrSearch.name|h}--></li>
    </ul>
    <!--{/if}-->
    <!--▲検索条件-->

    <!--▼ページナビ(本文)-->
    <!--{capture name=page_navi_body}-->
    <div class="pagenumber_area clearfix">
        <div class="change">
            <!--{if $orderby != 'price'}-->
            <a href="javascript:fnChangeOrderby('price');">価格順</a>
            <!--{else}-->
            <strong>価格順</strong>
            <!--{/if}-->&nbsp;
            <!--{if $orderby != "date"}-->
            <a href="javascript:fnChangeOrderby('date');">新着順</a>
            <!--{else}-->
            <strong>新着順</strong>
            <!--{/if}-->
            表示件数
            <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);">
                <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}-->
                <!--{if $num == $disp_number}-->
                <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option>
                <!--{else}-->
                <option value="<!--{$num}-->" ><!--{$dispnum}--></option>
                <!--{/if}-->
                <!--{/foreach}-->
            </select>
        </div>
        <div class="navi"><!--{$tpl_strnavi}--></div>
    </div>
    <!--{/capture}-->
    <!--▲ページナビ(本文)-->

    <!--{foreach from=$arrProducts item=arrProduct name=arrProducts}-->

    <!--{if $smarty.foreach.arrProducts.first}-->
    <!--▼件数-->
    <div>
        <span class="attention"><!--{$tpl_linemax}-->件</span>の商品がございます。
    </div>
    <!--▲件数-->

    <!--▼ページナビ(上部)-->
    <form name="page_navi_top" id="page_navi_top" action="?">
        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
        <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
    </form>
    <!--▲ページナビ(上部)-->
    <!--{/if}-->

    <!--{assign var=id value=$arrProduct.product_id}-->
    <!--{assign var=arrErr value=$arrProduct.arrErr}-->
    <!--▼商品-->
    <form name="product_form<!--{$id|h}-->" action="?">
        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
        <input type="hidden" name="product_id" value="<!--{$id|h}-->" />
        <input type="hidden" name="product_class_id" id="product_class_id<!--{$id|h}-->" value="<!--{$tpl_product_class_id[$id]}-->" />
        <div class="list_area clearfix">
            <a name="product<!--{$id|h}-->"></a>
            <div class="listphoto">
                <!--★画像★-->
                <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->">
                    <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /></a>
            </div>

            <div class="listrightbloc">
                <!--▼商品ステータス-->
                <!--{if count($productStatus[$id]) > 0}-->
                <ul class="status_icon clearfix">
                    <!--{foreach from=$productStatus[$id] item=status}-->
                    <li>
                        <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$status]}-->"/>
                    </li>
                    <!--{/foreach}-->
                </ul>
                <!--{/if}-->
                <!--▲商品ステータス-->

                <!--★商品名★-->
                <h3>
                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><!--{$arrProduct.name|h}--></a>
                </h3>
                <!--★価格★-->
                <div class="pricebox sale_price">
                    <!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)：
                    <span class="price">
                        <span id="price02_default_<!--{$id}-->"><!--{strip}-->
                            <!--{if $arrProduct.price02_min_inctax == $arrProduct.price02_max_inctax}-->
                            <!--{$arrProduct.price02_min_inctax|n2s}-->
                            <!--{else}-->
                            <!--{$arrProduct.price02_min_inctax|n2s}-->～<!--{$arrProduct.price02_max_inctax|n2s}-->
                            <!--{/if}-->
                        </span><span id="price02_dynamic_<!--{$id}-->"></span><!--{/strip}-->
                        円</span>
                </div>

                <!--★コメント★-->
                <div class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></div>

                <!--★商品詳細を見る★-->
                <div class="detail_btn">
                    <!--{assign var=name value="detail`$id`"}-->
                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->">
                        <img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_detail.jpg" alt="商品詳細を見る" name="<!--{$name}-->" id="<!--{$name}-->" />
                    </a>
                </div>

                <!--▼買い物カゴ-->
                <div class="cart_area clearfix">
                    <!--{if $tpl_stock_find[$id]}-->
                    <!--{if $tpl_classcat_find1[$id]}-->
                    <div class="classlist">
                        <dl class="size01 clearfix">
                            <!--▼規格1-->
                            <dt><!--{$tpl_class_name1[$id]|h}-->：</dt>
                            <dd>
                                <select name="classcategory_id1" style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->">
                                    <!--{html_options options=$arrClassCat1[$id] selected=$arrProduct.classcategory_id1}-->
                                </select>
                                <!--{if $arrErr.classcategory_id1 != ""}-->
                                <p class="attention">※ <!--{$tpl_class_name1[$id]}-->を入力して下さい。</p>
                                <!--{/if}-->
                            </dd>
                            <!--▲規格1-->
                        </dl>
                        <!--{if $tpl_classcat_find2[$id]}-->
                        <dl class="size02 clearfix">
                            <!--▼規格2-->
                            <dt><!--{$tpl_class_name2[$id]|h}-->：</dt>
                            <dd>
                                <select name="classcategory_id2" style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->">
                                </select>
                                <!--{if $arrErr.classcategory_id2 != ""}-->
                                <p class="attention">※ <!--{$tpl_class_name2[$id]}-->を入力して下さい。</p>
                                <!--{/if}-->
                            </dd>
                            <!--▲規格2-->
                        </dl>
                        <!--{/if}-->
                    </div>
                    <!--{/if}-->
                    <div class="cartin clearfix">
                        <div class="quantity">
                            数量：<input type="text" name="quantity" class="box" value="<!--{$arrProduct.quantity|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
                            <!--{if $arrErr.quantity != ""}-->
                            <br /><span class="attention"><!--{$arrErr.quantity}--></span>
                            <!--{/if}-->
                        </div>
                        <div class="cartin_btn">
                            <!--★カゴに入れる★-->
                            <div id="cartbtn_default_<!--{$id}-->">
                                <input type="image" id="cart<!--{$id}-->" src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カゴに入れる" onclick="fnInCart(this.form);
                                                return false;" class="hover_change_image" />
                            </div>
                            <div class="attention" id="cartbtn_dynamic_<!--{$id}-->"></div>
                        </div>
                    </div>
                    <!--{else}-->
                    <div class="cartbtn attention">申し訳ございませんが、只今品切れ中です。</div>
                    <!--{/if}-->
                </div>
                <!--▲買い物カゴ-->
            </div>
        </div>
    </form>
    <!--▲商品-->

    <!--{if $smarty.foreach.arrProducts.last}-->
    <!--▼ページナビ(下部)-->
    <form name="page_navi_bottom" id="page_navi_bottom" action="?">
        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
        <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
    </form>
    <!--▲ページナビ(下部)-->
    <!--{/if}-->

    <!--{foreachelse}-->
    <!--{include file="frontparts/search_zero.tpl"}-->
    <!--{/foreach}-->

</div>