source: branches/version-2_5-dev/data/Smarty/templates/default/products/list.tpl @ 20408

Revision 20408, 14.8 KB checked in by uemoto, 10 years ago (diff)

#1032(フロントデザインリニューアル)

  • CSSクラス名等調整
  • ヘッダ用ブロック追加

#932(商品をお気に入りに入れたかどうかの判別が動いていない)

  • 取り急ぎ判別のみ実装
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/x-smarty-template; charset=UTF-8
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
5 *
6 * http://www.lockon.co.jp/
7 *
8 * This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16 * GNU General Public License for more details.
17 *
18 * You should have received a copy of the GNU General Public License
19 * along with this program; if not, write to the Free Software
20 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
21 *}-->
22<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
23<script type="text/javascript">//<![CDATA[
24function fnSetClassCategories(form, classcat_id2_selected) {
25    var $form = $(form);
26    var product_id = $form.find('input[name=product_id]').val();
27    var $sele1 = $form.find('select[name=classcategory_id1]');
28    var $sele2 = $form.find('select[name=classcategory_id2]');
29    setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
30}
31// 並び順を変更
32function fnChangeOrderby(orderby) {
33    fnSetVal('orderby', orderby);
34    fnSetVal('pageno', 1);
35    fnSubmit();
36}
37// 表示件数を変更
38function fnChangeDispNumber(dispNumber) {
39    fnSetVal('disp_number', dispNumber);
40    fnSetVal('pageno', 1);
41    fnSubmit();
42}
43// カゴに入れる
44function fnInCart(productForm) {
45    var product_id = productForm["product_id"].value;
46    fnChangeAction("?#product" + product_id);
47    if (productForm["classcategory_id1"]) {
48        fnSetVal("classcategory_id1", productForm["classcategory_id1"].value);
49    }
50    if (productForm["classcategory_id2"]) {
51        fnSetVal("classcategory_id2", productForm["classcategory_id2"].value);
52    }
53    fnSetVal("quantity", productForm["quantity"].value);
54    fnSetVal("product_id", productForm["product_id"].value);
55    fnSetVal("product_class_id", productForm["product_class_id"].value);
56    fnSetVal("product_type", productForm["product_type"].value);
57    fnSubmit();
58}
59//]]>
60</script>
61
62<!--▼CONTENTS-->
63<div id="undercolumn">
64    <form name="form1" id="form1" method="get" action="?">
65        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
66        <input type="hidden" name="mode" value="<!--{$mode|h}-->" />
67        <!--{* ▼検索条件 *}-->
68        <input type="hidden" name="category_id" value="<!--{$arrSearchData.category_id|h}-->" />
69        <input type="hidden" name="maker_id" value="<!--{$arrSearchData.maker_id|h}-->" />
70        <input type="hidden" name="name" value="<!--{$arrSearchData.name|h}-->" />
71        <!--{* ▲検索条件 *}-->
72        <!--{* ▼ページナビ関連 *}-->
73        <input type="hidden" name="orderby" value="<!--{$orderby|h}-->" />
74        <input type="hidden" name="disp_number" value="<!--{$disp_number|h}-->" />
75        <input type="hidden" name="pageno" value="<!--{$tpl_pageno|h}-->" />
76        <!--{* ▲ページナビ関連 *}-->
77        <!--{* ▼注文関連 *}-->
78        <input type="hidden" name="product_id" value="" />
79        <input type="hidden" name="classcategory_id1" value="" />
80        <input type="hidden" name="classcategory_id2" value="" />
81        <input type="hidden" name="product_class_id" value="" />
82        <input type="hidden" name="product_type" value="" />
83        <input type="hidden" name="quantity" value="" />
84        <!--{* ▲注文関連 *}-->
85        <input type="hidden" name="rnd" value="<!--{$tpl_rnd|h}-->" />
86    </form>
87   
88    <!--★タイトル★-->
89    <h2 class="title"><!--{$tpl_subtitle|h}--></h2>
90   
91    <!--▼検索条件-->
92    <!--{if $tpl_subtitle == "検索結果"}-->
93        <ul class="pagecond_area">
94            <li><strong>商品カテゴリ:</strong><!--{$arrSearch.category|h}--></li>
95        <!--{if $arrSearch.maker|strlen >= 1}--><li><strong>メーカー:</strong><!--{$arrSearch.maker|h}--></li><!--{/if}-->
96            <li><strong>商品名:</strong><!--{$arrSearch.name|h}--></li>
97        </ul>
98    <!--{/if}-->
99    <!--▲検索条件-->
100
101    <!--▼ページナビ(本文)-->
102    <!--{capture name=page_navi_body}-->
103        <div class="pagenumber_area clearfix">
104            <div class="change">
105                <!--{if $orderby != 'price'}-->
106                    <a href="javascript:fnChangeOrderby('price');">価格順</a>
107                <!--{else}-->
108                    <strong>価格順</strong>
109                <!--{/if}-->&nbsp;
110                <!--{if $orderby != "date"}-->
111                        <a href="javascript:fnChangeOrderby('date');">新着順</a>
112                <!--{else}-->
113                    <strong>新着順</strong>
114                <!--{/if}-->
115                表示件数
116                <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);">
117                    <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}-->
118                        <!--{if $num == $disp_number}-->
119                        <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option>
120                        <!--{else}-->
121                        <option value="<!--{$num}-->" ><!--{$dispnum}--></option>
122                        <!--{/if}-->
123                    <!--{/foreach}-->
124                </select>
125            </div>
126            <div class="navi"><!--{$tpl_strnavi}--></div>
127        </div>
128    <!--{/capture}-->
129    <!--▲ページナビ(本文)-->
130
131    <!--{foreach from=$arrProducts item=arrProduct name=arrProducts}-->
132
133        <!--{if $smarty.foreach.arrProducts.first}-->
134            <!--▼件数-->
135            <div>
136                <span class="attention"><!--{$tpl_linemax}-->件</span>の商品がございます。
137            </div>
138            <!--▲件数-->
139           
140            <!--▼ページナビ(上部)-->
141            <form name="page_navi_top" id="page_navi_top" action="?">
142                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
143                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
144            </form>
145            <!--▲ページナビ(上部)-->
146        <!--{/if}-->
147
148        <!--{assign var=id value=$arrProduct.product_id}-->
149        <!--{assign var=arrErr value=$arrProduct.arrErr}-->
150        <!--▼商品-->
151        <form name="product_form<!--{$id|h}-->" action="?" onsubmit="return false;">
152            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
153            <div class="list_area clearfix">
154            <a name="product<!--{$id|h}-->"></a>
155                <div class="listphoto">
156                    <!--★画像★-->
157                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /></a>
158                </div>
159
160                <div class="listrightbloc">
161                    <!--▼商品ステータス-->
162                    <!--{if count($productStatus[$id]) > 0}-->
163                        <ul class="status_icon clearfix">
164                            <!--{foreach from=$productStatus[$id] item=status}-->
165                                <li>
166                                    <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$status]}-->"/>
167                                </li>
168                            <!--{/foreach}-->
169                        </ul>
170                    <!--{/if}-->
171                    <!--▲商品ステータス-->
172
173                    <!--★商品名★-->
174                    <h3>
175                        <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" name="product<!--{$arrProduct.product_id}-->"><!--{$arrProduct.name|h}--></a>
176                   </h3>
177                   <!--★価格★-->
178                   <div class="pricebox sale_price">
179                       <!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):
180                       <span class="price">
181                           <span id="price02_default_<!--{$id}-->">
182                               <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
183                                   <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
184                               <!--{else}-->
185                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
186                               <!--{/if}-->
187                           </span><span id="price02_dynamic_<!--{$id}-->"></span>
188                           円</span>
189                   </div>
190
191                   <!--★コメント★-->
192                   <div class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></div>
193
194                   <!--★商品詳細を見る★-->
195                   <div class="detail_btn">
196                       <!--{assign var=name value="detail`$id`"}-->
197                       <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_detail_on.jpg','<!--{$name}-->');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_detail.jpg','<!--{$name}-->');">
198                       <img src="<!--{$TPL_URLPATH}-->img/button/btn_detail.jpg" alt="商品詳細を見る" name="<!--{$name}-->" id="<!--{$name}-->" /></a>
199                   </div>
200
201                   <!--▼買い物かご-->
202                   <input type="hidden" name="product_id" value="<!--{$id|h}-->" />
203                   <input type="hidden" name="product_class_id" id="product_class_id<!--{$id|h}-->" value="<!--{$tpl_product_class_id[$id]}-->" />
204                   <input type="hidden" name="product_type" id="product_type<!--{$id|h}-->" value="<!--{$tpl_product_type[$id]}-->" />
205
206                   <div class="cart_area clearfix">
207                   <!--{if $tpl_stock_find[$id]}-->
208                       <!--{if $tpl_classcat_find1[$id]}-->
209                           <div class="classlist">
210                               <dl class="size01 clearfix">
211                                        <!--▼規格1-->
212                                        <dt><!--{$tpl_class_name1[$id]|h}-->:</dt>
213                                        <dd>
214                                            <select name="classcategory_id1" style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->">
215                                                <!--{html_options options=$arrClassCat1[$id] selected=$arrProduct.classcategory_id1}-->
216                                            </select>
217                                            <!--{if $arrErr.classcategory_id1 != ""}-->
218                                                <p class="attention">※ <!--{$tpl_class_name1[$id]}-->を入力して下さい。</p>
219                                            <!--{/if}-->
220                                       </dd>
221                                        <!--▲規格1-->
222                                </dl>
223                                <!--{if $tpl_classcat_find2[$id]}-->
224                                    <dl class="size02 clearfix">
225                                        <!--▼規格2-->
226                                        <dt><!--{$tpl_class_name2[$id]|h}-->:</dt>
227                                        <dd>
228                                            <select name="classcategory_id2" style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->">
229                                           </select>
230                                            <!--{if $arrErr.classcategory_id2 != ""}-->
231                                                <p class="attention">※ <!--{$tpl_class_name2[$id]}-->を入力して下さい。</p>
232                                            <!--{/if}-->
233                                        </dd>
234                                        <!--▲規格2-->
235                                    </dl>
236                                <!--{/if}-->
237                           </div>
238                     <!--{/if}-->
239                         <div class="cartin clearfix">
240                            <div class="quantity">
241                               数量:<input type="text" name="quantity" class="box" value="<!--{$arrProduct.quantity|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
242                                <!--{if $arrErr.quantity != ""}-->
243                                    <br /><span class="attention"><!--{$arrErr.quantity}--></span>
244                                <!--{/if}-->
245                             </div>
246                             <div class="cartin_btn">
247                                 <!--★カゴに入れる★-->
248                                 <div id="cartbtn_default_<!--{$id}-->">
249                                     <input type="image" id="cart<!--{$id}-->" src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カゴに入れる" onclick="fnInCart(this.form); return false;" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_cartin_on.jpg', this);" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg', this);" />
250                                 </div>
251                                 <div class="attention" id="cartbtn_dynamic_<!--{$id}-->"></div>
252                             </div>
253                         </div>
254                         <!--{else}-->
255                         <div class="cartbtn attention">申し訳ございませんが、只今品切れ中です。</div>
256                <!--{/if}-->
257                </div>
258                <!--▲買い物かご-->
259              </div>
260          </div>
261        </form>
262        <!--▲商品-->
263
264        <!--{if $smarty.foreach.arrProducts.last}-->
265            <!--▼ページナビ(下部)-->
266            <form name="page_navi_bottom" id="page_navi_bottom" action="?">
267                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
268                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
269            </form>
270            <!--▲ページナビ(下部)-->
271        <!--{/if}-->
272
273    <!--{foreachelse}-->
274        <!--{include file="frontparts/search_zero.tpl"}-->
275    <!--{/foreach}-->
276
277</div>
278<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.