Last active
August 29, 2015 14:23
-
-
Save kurozumi/90bc2d7a9a95506e8cf5 to your computer and use it in GitHub Desktop.
【EC-CUBE2.13】商品名、カテゴリ、キーワード、価格帯、商品ステータス、規格で絞り込み検索ができる検索フォームページを作成(検索結果テンプレート)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--{* | |
| * 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}--> | |
| <!--{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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment