source: branches/version-2_12_3en-p1/data/Smarty/templates/sphone_en-US/products/detail.tpl @ 22525

Revision 22525, 23.5 KB checked in by m_uehara, 11 years ago (diff)

#2124 規格選択時に「$」が非表示にならないように修正いたしました。

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