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

Revision 23494, 23.1 KB checked in by pineray, 7 years ago (diff)

#2386 PHP 警告撲滅 for 2.13.3

ロケール処理も考慮に入れて、Smartyの修飾子で対応するように変更.

  • 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>//<![CDATA[
24    // 規格2に選択肢を割り当てる。
25    function fnSetClassCategories(form, classcat_id2_selected) {
26        var $form = $(form);
27        var product_id = $form.find('input[name=product_id]').val();
28        var $sele1 = $form.find('select[name=classcategory_id1]');
29        var $sele2 = $form.find('select[name=classcategory_id2]');
30        eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
31    }
32    $(function(){
33        $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000, parentArea:'#detailphotoblock', height: 200});
34        $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000, parentArea:'#whobought_area', height: 80});
35
36        //お勧め商品のリンクを張り直し(フリックスライドによるエレメント生成後)
37        $('#whobought_area li').biggerlink();
38    });
39    //サブエリアの表示/非表示
40    var speed = 500;
41    var stateSub = 0;
42    function fnSubToggle(areaEl, imgEl) {
43        areaEl.slideToggle(speed);
44        if (stateSub == 0) {
45            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png");
46            stateSub = 1;
47        } else {
48            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png");
49            stateSub = 0
50        }
51    }
52    //この商品に対するお客様の声エリアの表示/非表示
53    var stateReview = 0;
54    function fnReviewToggle(areaEl, imgEl) {
55        areaEl.slideToggle(speed);
56        if (stateReview == 0) {
57            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png");
58            stateReview = 1;
59        } else {
60            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png");
61            stateReview = 0
62        }
63    }
64    //お勧めエリアの表示/非表示
65    var statewhobought = 0;
66    function fnWhoboughtToggle(areaEl, imgEl) {
67        areaEl.slideToggle(speed);
68        if (statewhobought == 0) {
69            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png");
70            statewhobought = 1;
71        } else {
72            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png");
73            statewhobought = 0
74        }
75    }
76//]]></script>
77
78<section id="product_detail">
79
80    <!--★タイトル★-->
81    <h2 class="title"><!--{$tpl_subtitle|h}--></h2>
82    <!--★画像★-->
83
84    <div id="detailphotoblock" class="mainImageInit">
85        <ul>
86            <!--{assign var=key value="main_image"}-->
87            <li id="mainImage0">
88
89            <!--{* 画像の縦横倍率を算出 *}-->
90            <!--{assign var=detail_image_size value=200}-->
91            <!--{assign var=main_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
92            <!--{if $arrProduct.main_large_image|strlen >= 1}-->
93                <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" target="_blank">
94                    <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile.main_image.width/$main_image_factor}-->" height="<!--{$arrFile.main_image.height/$main_image_factor}-->" /></a>
95            <!--{else}-->
96                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile.main_image.width/$main_image_factor}-->" height="<!--{$arrFile.main_image.height/$main_image_factor}-->" />
97            <!--{/if}-->
98            </li>
99            <!--★サブ画像★-->
100            <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
101            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
102            <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
103            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
104            <!--{if $arrFile[$key].filepath != ""}-->
105                <li id="mainImage<!--{$smarty.section.cnt.index+1}-->">
106                <!--{if $arrProduct[$lkey] != ""}-->
107                    <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
108                    <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /></a>
109                <!--{else}-->
110                    <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" />
111                <!--{/if}-->
112                </li>
113            <!--{/if}-->
114            <!--{/section}-->
115        </ul>
116    </div>
117
118    <section id="detailarea">
119
120        <!--★詳細メインコメント★-->
121        <p class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></p>
122
123        <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->products/detail.php">
124            <div id="detailrightblock">
125                <!--▼商品ステータス-->
126                <!--{assign var=ps value=$productStatus[$tpl_product_id]}-->
127                <!--{if count($ps) > 0}-->
128                    <ul class="status_icon">
129                    <!--{foreach from=$ps item=status}-->
130                        <li><!--{$arrSTATUS[$status]}--></li>
131                    <!--{/foreach}-->
132                    </ul>
133                <!--{/if}-->
134                <!--▲商品ステータス-->
135
136                <div class="product_detail">
137
138                    <!--★商品名★-->
139                    <h3 class="product_name"><!--{$arrProduct.name|h}--></h3>
140
141                    <p class="product_code">
142                        <span class="mini">商品コード:</span>
143
144                        <span id="product_code_default">
145                            <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
146                                <!--{$arrProduct.product_code_min|h}-->
147                            <!--{else}-->
148                                <!--{$arrProduct.product_code_min|h}-->~<!--{$arrProduct.product_code_max|h}-->
149                            <!--{/if}-->
150                        </span><span id="product_code_dynamic"></span>
151                    </p>
152
153                    <!--★関連カテゴリ★-->
154                    <p class="relative_cat"><span class="mini">関連カテゴリ:</span>
155                        <!--{section name=r loop=$arrRelativeCat}-->
156                            <!--{section name=s loop=$arrRelativeCat[r]}-->
157                                <a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
158                                <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
159                            <!--{/section}--><br />
160                        <!--{/section}-->
161                    </p>
162
163                    <!--★通常価格★-->
164                    <!--{if $arrProduct.price01_max_inctax > 0}-->
165                        <p class="normal_price">
166                            <span class="mini"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込):</span>
167                            <span id="price01_default">
168                                <!--{if $arrProduct.price01_min_inctax == $arrProduct.price01_max_inctax}-->
169                                    <!--{$arrProduct.price01_min_inctax|n2s}-->
170                                <!--{else}-->
171                                    <!--{$arrProduct.price01_min_inctax|n2s}-->~<!--{$arrProduct.price01_max_inctax|n2s}-->
172                                <!--{/if}--></span>
173                            <span id="price01_dynamic"></span>円
174                        </p>
175                    <!--{/if}-->
176
177                    <!--★販売価格★-->
178                    <p class="sale_price">
179                        <span class="mini"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):</span>
180                        <span class="price"><span id="price02_default">
181                            <!--{if $arrProduct.price02_min_inctax == $arrProduct.price02_max_inctax}-->
182                                <!--{$arrProduct.price02_min_inctax|n2s}-->
183                            <!--{else}-->
184                                <!--{$arrProduct.price02_min_inctax|n2s}-->~<!--{$arrProduct.price02_max_inctax|n2s}-->
185                            <!--{/if}-->
186                        </span><span id="price02_dynamic"></span>円</span>
187                    </p>
188
189                    <!--★ポイント★-->
190                    <!--{if $smarty.const.USE_POINT !== false}-->
191                        <p class="point"><span class="mini">ポイント:</span><span id="point_default">
192                            <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
193                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|n2s}-->
194                            <!--{else}-->
195                                <!--{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}-->
196                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|n2s}-->
197                                <!--{else}-->
198                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|n2s}-->~<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|n2s}-->
199                                <!--{/if}-->
200                            <!--{/if}-->
201                            </span><span id="point_dynamic"></span>Pt
202                        </p>
203                    <!--{/if}-->
204
205                    <!--▼メーカー-->
206                    <!--{if $arrProduct.maker_name|strlen >= 1}-->
207                        <p class="maker">
208                            <span class="mini">メーカー:</span><span>
209                                <!--{$arrProduct.maker_name|h}-->
210                            </span>
211                        </p>
212                    <!--{/if}-->
213                    <!--▲メーカー-->
214
215                    <!--▼メーカーURL-->
216                    <!--{if $arrProduct.comment1|strlen >= 1}-->
217                        <p class="sale_price">
218                            <span class="mini">メーカーURL:</span><span>
219                                <a rel="external" href="<!--{$arrProduct.comment1|h}-->" target="_blank">
220                                    <!--{$arrProduct.comment1|h}--></a>
221                            </span>
222                        </p>
223                    <!--{/if}-->
224                    <!--▲メーカーURL-->
225                </div><!-- /.product_detail -->
226
227                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
228                <input type="hidden" name="mode" value="cart" />
229                <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
230                <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
231                <input type="hidden" name="favorite_product_id" value="" />
232
233                <!--▼買い物かご-->
234                <!--{if $tpl_stock_find}-->
235
236                    <!--{if $tpl_classcat_find1}-->
237                        <div class="classlist">
238                            <dl>
239                                <!--▼規格1-->
240                                <dt><!--{$tpl_class_name1|h}--></dt>
241                                <dd>
242                                    <select name="classcategory_id1"
243                                        style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
244                                        class="data-role-none">
245                                        <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
246                                    </select>
247                                    <!--{if $arrErr.classcategory_id1 != ""}-->
248                                        <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
249                                    <!--{/if}-->
250                                </dd>
251                                <!--▲規格1-->
252
253                                <!--{if $tpl_classcat_find2}-->
254                                    <!--▼規格2-->
255                                    <dt><!--{$tpl_class_name2|h}--></dt>
256                                    <dd>
257                                        <select name="classcategory_id2"
258                                            style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
259                                            class="data-role-none">
260                                        </select>
261                                        <!--{if $arrErr.classcategory_id2 != ""}-->
262                                            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
263                                        <!--{/if}-->
264                                    </dd>
265                                    <!--▲規格2-->
266                                <!--{/if}-->
267                            </dl>
268                        </div>
269                    <!--{/if}-->
270
271                    <div class="cartin_btn">
272                        <dl>
273                            <dt>数量</dt>
274                            <dd>
275                                <input type="number" name="quantity" class="quantitybox" value="<!--{$arrForm.quantity.value|default:1|h}-->" max="<!--{9|str_repeat:$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
276                                <!--{if $arrErr.quantity != ""}-->
277                                    <br /><span class="attention"><!--{$arrErr.quantity}--></span>
278                                <!--{/if}-->
279                            </dd>
280                        </dl>
281
282                        <!--★カートに入れる★-->
283                        <div id="cartbtn_default">
284                            <a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a>
285                        </div>
286                        <div class="attention" id="cartbtn_dynamic"></div>
287                    </div>
288                <!--{else}-->
289                    <div class="cartin_btn">
290                        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
291                    </div>
292                <!--{/if}-->
293                <!--▲買い物かご-->
294
295                <!--{if $tpl_login}-->
296                    <!--{if !$is_favorite}-->
297                        <div class="btn_favorite">
298                            <p><a rel="external" href="javascript:void(0);" onclick="eccube.addFavoriteSphone(<!--{$arrProduct.product_id|h}-->); return false;" class="btn_sub">お気に入りに追加</a></p>
299                        </div>
300                    <!--{else}-->
301                        <div class="btn_favorite">
302                            <p>お気に入り登録済み</p>
303                        </div>
304                    <!--{/if}-->
305                <!--{/if}-->
306            </div>
307        </form>
308    </section>
309    <!--詳細ここまで-->
310
311    <!--▼サブエリアここから-->
312    <!--{if $arrProduct.sub_title1 != ""}-->
313        <div class="title_box_sub clearfix">
314            <h2>商品情報</h2>
315            <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
316            <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.png" onclick="fnSubToggle($('#sub_area'), this);" alt=""></span>
317        </div>
318        <div id="sub_area">
319            <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
320                <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
321                <!--{if $arrProduct[$key] != ""}-->
322                    <!--▼サブ情報-->
323                    <div class="subarea clearfix">
324                        <!--★サブタイトル★-->
325                        <h3><!--{$arrProduct[$key]|h}--></h3>
326
327                        <!--★サブ画像★-->
328                        <!--{assign var=sub_image_size value=80}-->
329                        <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
330                        <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
331                        <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
332                        <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$sub_image_size`}-->
333                        <!--{if $arrProduct[$key]|strlen >= 1}-->
334                            <p class="subphotoimg">
335                                <!--{if $arrProduct[$lkey]|strlen >= 1}-->
336                                    <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
337                                        <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" />
338                                    </a>
339                                <!--{else}-->
340                                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" />
341                                <!--{/if}-->
342                            </p>
343                        <!--{/if}-->
344                        <!--★サブテキスト★-->
345                        <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
346                    </div>
347                <!--{/if}-->
348            <!--{/section}-->
349        </div>
350    <!--{/if}-->
351    <!--サブエリアここまで-->
352
353    <!--この商品に対するお客様の声-->
354    <div class="title_box_sub clearfix">
355        <h2>この商品に対するお客様の声</h2>
356            <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.png" onclick="fnReviewToggle($('#review_bloc_area'), this);" alt=""></span>
357        </div>
358
359        <div id="review_bloc_area">
360            <div class="review_bloc clearfix">
361            <p>この商品に対するご感想をぜひお寄せください。</p>
362            <div class="review_btn">
363                <!--{if count($arrReview) < $smarty.const.REVIEW_REGIST_MAX}-->
364                    <!--★新規コメントを書き込む★-->
365                    <a href="./review.php?product_id=<!--{$arrProduct.product_id}-->" target="_blank" class="btn_sub">新規コメントを書き込む</a>
366                <!--{/if}-->
367            </div>
368            </div>
369
370            <!--{if count($arrReview) > 0}-->
371            <ul>
372                <!--{section name=cnt loop=$arrReview}-->
373                    <li>
374                        <p class="voicetitle"><!--{$arrReview[cnt].title|h}--></p>
375                        <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}--><br />おすすめレベル:<span class="recommend_level"><!--{assign var=level value=$arrReview[cnt].recommend_level}--><!--{$arrRECOMMEND[$level]|h}--></span></p>
376                        <p class="voicecomment"><!--{$arrReview[cnt].comment|h|nl2br}--></p>
377                    </li>
378                <!--{/section}-->
379            </ul>
380            <!--{/if}-->
381        </div>
382
383    <!--お客様の声ここまで-->
384
385
386    <!--▼その他おすすめ商品-->
387    <!--{if $arrRecommend}-->
388        <div class="title_box_sub clearfix">
389            <h2>その他のオススメ商品</h2>
390            <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.png" onclick="fnWhoboughtToggle($('#whobought_area'), this);" alt=""></span>
391        </div>
392
393        <div id="whobought_area" class="mainImageInit">
394            <ul>
395                <!--{section name=cnt loop=$arrRecommend}-->
396                    <!--{if $arrRecommend[cnt].product_id}-->
397                        <li id="mainImage1<!--{$smarty.section.cnt.index}-->">
398                            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->" style="max-width: 65px;max-height: 65px;" alt="!--{$arrRecommend[cnt].name|h}-->" />
399                            <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min_inctax`}-->
400                            <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max_inctax`}-->
401                            <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
402                            <p class="sale_price"><span class="price">
403                                <!--{if $price02_min == $price02_max}-->
404                                    <!--{$price02_min|n2s}-->
405                                <!--{else}-->
406                                    <!--{$price02_min|n2s}-->~<!--{$price02_max|n2s}-->
407                                <!--{/if}-->
408                                円</span>
409                            </p>
410                        </li>
411                    <!--{/if}-->
412                <!--{/section}-->
413            </ul>
414        </div>
415    <!--{/if}-->
416    <!--▲その他おすすめ商品-->
417
418    <div class="btn_area">
419        <p><a href="javascript:void(0);" class="btn_more" data-rel="back">戻る</a></p>
420    </div>
421</section>
422
423<!--{include file= 'frontparts/search_area.tpl'}-->
424
Note: See TracBrowser for help on using the repository browser.