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

Revision 23063, 22.3 KB checked in by pineray, 7 years ago (diff)

#2342 JavaScript?のグローバルな宣言を減らす
フォーム関連.

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