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

Revision 20408, 21.8 KB checked in by uemoto, 11 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" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
24<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
25<script type="text/javascript">//<![CDATA[
26// 規格2に選択肢を割り当てる。
27function fnSetClassCategories(form, classcat_id2_selected) {
28    var $form = $(form);
29    var product_id = $form.find('input[name=product_id]').val();
30    var $sele1 = $form.find('select[name=classcategory_id1]');
31    var $sele2 = $form.find('select[name=classcategory_id2]');
32    setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
33}
34$(document).ready(function() {
35    $('a.expansion').facebox({
36        loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
37        closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
38    });
39});
40//]]>
41</script>
42
43<!--▼CONTENTS-->
44<div id="undercolumn">
45  <form name="form1" id="form1" method="post" action="?">
46    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
47    <div id="detailarea" class="clearfix">
48        <div id="detailphotobloc">
49            <div class="photo">
50                <!--{assign var=key value="main_image"}-->
51                <!--★画像★-->
52                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
53                   <a
54                    href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
55                    class="expansion"
56                    target="_blank"
57                    >
58               <!--{/if}-->
59                  <img src="<!--{$arrFile[$key].filepath|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" />
60               <!--{if $arrProduct.main_large_image|strlen >= 1}-->
61                   </a>
62               <!--{/if}-->
63            </div>
64            <!--{if $arrProduct.main_large_image|strlen >= 1}-->
65            <span class="mini">
66                    <!--★拡大する★-->
67                    <a
68                        href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
69                        class="expansion"
70                        target="_blank"
71                    >
72                      画像を拡大する
73                    </a>
74            </span>
75            <!--{/if}-->
76        </div>
77
78        <div id="detailrightbloc">
79            <!--▼商品ステータス-->
80            <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
81            <!--{if count($ps) > 0}-->
82                <ul class="status_icon clearfix">
83                    <!--{foreach from=$ps item=status}-->
84                    <li>
85                        <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$status]}-->" id="icon<!--{$status}-->" />
86                    </li>
87                    <!--{/foreach}-->
88                </ul>
89            <!--{/if}-->
90            <!--▲商品ステータス-->
91
92            <!--★商品コード★-->
93            <div>商品コード:
94                <span id="product_code_default">
95                    <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
96                        <!--{$arrProduct.product_code_min|h}-->
97                    <!--{else}-->
98                        <!--{$arrProduct.product_code_min|h}-->~<!--{$arrProduct.product_code_max|h}-->
99                    <!--{/if}-->
100                </span><span id="product_code_dynamic"></span>
101            </div>
102
103            <!--★商品名★-->
104            <h2><!--{$arrProduct.name|h}--></h2>
105
106            <!--★通常価格★-->
107            <!--{if $arrProduct.price01_max > 0}-->
108                <div class="normal_price">
109                    <!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込):
110                    <span class="price">
111                        <span id="price01_default">
112                            <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
113                                <!--{$arrProduct.price01_min|number_format}-->
114                            <!--{else}-->
115                                <!--{$arrProduct.price01_min|number_format}-->~<!--{$arrProduct.price01_max|number_format}-->
116                            <!--{/if}-->
117                        </span><span id="price01_dynamic"></span>
118                        円
119                    </span>
120                </div>
121            <!--{/if}-->
122
123            <!--★販売価格★-->
124            <div class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):
125                <span class="price">
126                    <span id="price02_default">
127                        <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
128                            <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
129                        <!--{else}-->
130                            <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
131                        <!--{/if}-->
132                    </span><span id="price02_dynamic"></span>
133                    円
134                </span>
135            </div>
136
137            <!--★ポイント★-->
138            <!--{if $smarty.const.USE_POINT !== false}-->
139                <div class="point">ポイント:
140                    <span id="point_default">
141                        <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
142                            <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
143                        <!--{else}-->
144                            <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
145                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
146                            <!--{else}-->
147                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->~<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
148                            <!--{/if}-->
149                        <!--{/if}-->
150                        </span><span id="point_dynamic"></span>
151                        Pt
152                </div>
153            <!--{/if}-->
154
155            <!--▼メーカーURL-->
156            <!--{if $arrProduct.comment1|strlen >= 1}-->
157                <div><span class="comment1">メーカーURL:
158                    <a href="<!--{$arrProduct.comment1|h}-->"><!--{$arrProduct.comment1|h}--></a>
159                </div>
160            <!--{/if}-->
161            <!--▼メーカーURL-->
162
163            <!--★関連カテゴリ★-->
164            <div class="relative_cat">関連カテゴリ:
165                <!--{section name=r loop=$arrRelativeCat}-->
166                <p>
167                    <!--{section name=s loop=$arrRelativeCat[r]}-->
168                    <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
169                    <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
170                    <!--{/section}-->
171                </p>
172                <!--{/section}-->
173            </div>
174
175            <!--★詳細メインコメント★-->
176            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
177
178    <!--▼買い物かご-->
179
180    <div class="cart_area clearfix">
181
182    <input type="hidden" name="mode" value="cart" />
183    <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
184    <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
185    <input type="hidden" name="product_type" value="<!--{$tpl_product_type}-->" id="product_type" />
186    <input type="hidden" name="favorite_product_id" value="" />
187
188    <!--{if $tpl_stock_find}-->
189        <!--{if $tpl_classcat_find1}-->
190            <div class="classlist">
191                <!--▼規格1-->
192                <ul class="clearfix">
193                    <li><!--{$tpl_class_name1|h}-->:</li>
194                    <li>
195                      <select name="classcategory_id1" style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->">
196                      <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
197                      </select>
198                      <!--{if $arrErr.classcategory_id1 != ""}-->
199                      <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
200                      <!--{/if}-->
201                    </li>
202                </ul>
203                <!--▲規格1-->
204                <!--{if $tpl_classcat_find2}-->
205                <!--▼規格2-->
206                <ul class="clearfix">
207                      <li><!--{$tpl_class_name2|h}-->:</li>
208                      <li>
209                        <select name="classcategory_id2" style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->">
210                        </select>
211                        <!--{if $arrErr.classcategory_id2 != ""}-->
212                        <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
213                        <!--{/if}-->
214                      </li>
215                </ul>
216                <!--▲規格2-->
217                <!--{/if}-->
218            </div>
219        <!--{/if}-->
220
221          <!--★数量★-->
222          <div class="quantity">
223            <ul class="clearfix">
224                <li>数量:</li>
225                <li><input type="text" class="box60" name="quantity" value="<!--{$arrForm.quantity.value|default:1}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
226              <!--{if $arrErr.quantity != ""}-->
227                  <br /><span class="attention"><!--{$arrErr.quantity}--></span>
228              <!--{/if}-->
229                </li>
230          </div>
231
232          <div class="cartin">
233              <div class="cartin_btn">
234                  <div id="cartbtn_default">
235                  <!--★カゴに入れる★-->
236                      <a href="javascript:void(document.form1.submit())" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_cartin_on.jpg','cart');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg','cart');">
237                      <img src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カゴに入れる" name="cart" id="cart" /></a>
238                  </div>
239              </div>
240          </div>
241          <div class="attention" id="cartbtn_dynamic"></div>
242    <!--{else}-->
243      <div class="attention" id="cartbtn_default">申し訳ございませんが、只今品切れ中です。</div>
244    <!--{/if}-->
245
246        <!--★お気に入り登録★-->
247        <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1 && $tpl_login === true}-->
248            <div class="favorite_btn">
249                <!--{assign var=add_favorite value="add_favorite`$product_id`"}-->
250                    <!--{if $arrErr[$add_favorite]}-->
251                        <div class="attention"><!--{$arrErr[$add_favorite]}--></div><!--{/if}-->
252                            <!--{if !$is_favorite}-->
253                                <a href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg','add_favolite_product');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg','add_favolite_product');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite.jpg" alt="お気に入りに追加" name="add_favolite_product" id="add_favolite_product" /></a>
254                            <!--{else}-->
255                                <img src="<!--{$TPL_URLPATH}-->img/button/btn_add_favorite_on.jpg" alt="お気に入り登録済" name="add_favolite_product" id="add_favolite_product" />
256                            <!--{/if}-->
257                       </div>
258                  <!--{/if}-->
259            </div>
260        </div>
261      <!--▲買い物かご-->
262    </div>
263  </form>
264
265    <!--詳細ここまで-->
266
267    <!--▼サブコメント-->
268    <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
269        <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
270        <!--{if $arrProduct[$key] != ""}-->
271            <div class="sub_area clearfix">
272                <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
273                <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
274                <!--▼サブ画像-->
275                <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
276                <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
277                <!--{if $arrProduct[$key]|strlen >= 1}-->
278                    <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>
279                    <div class="subphotoimg">
280                        <!--{if $arrProduct[$lkey]|strlen >= 1}-->
281                            <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif', 'expansion_<!--{$lkey|h}-->');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif', 'expansion_<!--{$lkey|h}-->');" target="_blank" >
282                        <!--{/if}-->
283                        <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" />
284                <!--{if $arrProduct[$lkey]|strlen >= 1}--></a>
285                <span class="mini">
286                    <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" target="_blank">
287                      画像を拡大する
288                    </a>
289                </span>
290            <!--{/if}-->
291                    </div>
292                <!--{else}-->
293                    <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
294                <!--{/if}-->
295                <!--▲サブ画像-->
296            </div>
297        <!--{/if}-->
298    <!--{/section}-->
299    <!--▲サブコメント-->
300
301    <!--この商品に対するお客様の声-->
302    <div id="customervoice_area">
303        <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_product_voice.jpg" alt="この商品に対するお客様の声" /></h2>
304
305        <div class="review_bloc clearfix">
306            <p>この商品に対するご感想をぜひお寄せください。</p>
307            <div class="review_btn">
308                <!--{if count($arrReview) < $smarty.const.REVIEW_REGIST_MAX}-->
309                    <!--★新規コメントを書き込む★-->
310                    <a href="./review.php"
311                         onclick="win02('./review.php?product_id=<!--{$arrProduct.product_id}-->','review','600','640'); return false;"
312                         onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_comment_on.jpg','review');"
313                         onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_comment.jpg','review');" target="_blank">
314                        <img src="<!--{$TPL_URLPATH}-->img/button/btn_comment.jpg" alt="新規コメントを書き込む" name="review" id="review" /></a>
315                <!--{/if}-->
316            </div>
317        </div>
318
319        <!--{if count($arrReview) > 0}-->
320            <ul>
321                <!--{section name=cnt loop=$arrReview}-->
322                    <li>
323                        <p class="voicetitle"><!--{$arrReview[cnt].title|h}--></p>
324                        <p class="voicedate"><!--{$arrReview[cnt].create_date|sfDispDBDate:false}--> 投稿者:<!--{if $arrReview[cnt].reviewer_url}--><a href="<!--{$arrReview[cnt].reviewer_url}-->" target="_blank"><!--{$arrReview[cnt].reviewer_name|h}--></a><!--{else}--><!--{$arrReview[cnt].reviewer_name|h}--><!--{/if}--> おすすめレベル:<span class="recommend_level"><!--{assign var=level value=$arrReview[cnt].recommend_level}--><!--{$arrRECOMMEND[$level]|h}--></span></p>
325                        <p class="voicecomment"><!--{$arrReview[cnt].comment|h|nl2br}--></p>
326                    </li>
327                <!--{/section}-->
328            </ul>
329        <!--{/if}-->
330    </div>
331    <!--お客様の声ここまで-->
332
333    <!--▼関連商品-->
334    <!--{if $arrRecommend}-->
335        <div id="whobought_area">
336            <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_product_recommend.jpg" alt="その他のオススメ商品" /></h2>
337
338            <!--{section name=cnt loop=$arrRecommend step=2}-->
339            <div class="whobought_bloc clearfix">
340              <!--{if $arrRecommend[cnt]}-->
341                <!-- 左列 -->
342                <div class="whobought_left">
343                    <div class="productImage">
344                        <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
345                            <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>
346
347                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
348                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
349                    </div>
350                    <div class="productContents">
351                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
352                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
353                            <!--{if $price02_min == $price02_max}-->
354                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
355                            <!--{else}-->
356                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
357                            <!--{/if}-->円</span></p>
358                        <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>
359                    </div>
360                </div>
361                <!-- 左列 -->
362              <!--{/if}-->
363
364              <!--{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1`}-->
365              <!--{if $arrRecommend[$cnt2]}-->
366                <!-- 右列 -->
367                <div class="whobought_right clearfix">
368                    <div class="productImage">
369                        <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[$cnt2].product_id|u}-->">
370                            <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[$cnt2].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[$cnt2].name|h}-->" /></a>
371                        <!--{assign var=price02_min value=`$arrRecommend[$cnt2].price02_min`}-->
372                        <!--{assign var=price02_max value=`$arrRecommend[$cnt2].price02_max`}-->
373                    </div>
374                    <div class="productContents">
375                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[$cnt2].product_id|u}-->"><!--{$arrRecommend[$cnt2].name|h}--></a></h3>
376                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
377                            <!--{if $price02_min == $price02_max}-->
378                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
379                            <!--{else}-->
380                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->~<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
381                            <!--{/if}-->円</span></p>
382                        <p class="mini"><!--{$arrRecommend[$cnt2].comment|h|nl2br}--></p>
383                    </div>
384                </div>
385                <!-- 右列 -->
386              <!--{/if}-->
387            </div>
388            <!--{if $smarty.section.cnt.last}-->
389            </div>
390            <!--{/if}-->
391        <!--{/section}-->
392    <!--{/if}-->
393    <!--▲関連商品-->
394
395</div>
396<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.