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

Revision 20619, 21.5 KB checked in by kotani, 13 years ago (diff)

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

  • スマートフォンを対応（デザイン入れる必要あり）
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/x-smarty-template; charset=UTF-8
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
5 *
6 * http://www.lockon.co.jp/
7 *
8 * This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16 * GNU General Public License for more details.
17 *
18 * You should have received a copy of the GNU General Public License
19 * along with this program; if not, write to the Free Software
20 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
21 *}-->
22<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
23<script type="text/javascript">//<![CDATA[
24// 規格2に選択肢を割り当てる。
25function 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    setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
31}
32//]]>
33</script>
34
35<!--▼CONTENTS-->
36<div id="undercolumn" class="product product_detail">
37
38    <!--★タイトル★-->
39    <h2 class="title"><!--{$tpl_subtitle|h}--></h2>
40
41    <div id="detailarea">
42        <div id="detailphotoblock">
43
44            <!--{assign var=key value="main_image"}-->
45
46            <!--★画像★-->
47            <a
48                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
49                    href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
50                    class="expansion"
51                    onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif','expansion01');"
52                    onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif','expansion01');"
53                    target="_blank"
54                <!--{/if}-->
55            >
56                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /><br />
57                <!--★拡大する★-->
58                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
59                    <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" />
60                <!--{/if}-->
61            </a>
62        </div>
63
64        <div id="detailrightblock">
65            <!--▼商品ステータス-->
66            <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
67            <!--{if count($ps) > 0}-->
68                <ul class="status_icon">
69                    <li>
70                    <!--{foreach from=$ps item=status}-->
71                        <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="65" height="17" alt="<!--{$arrSTATUS[$status]}-->" id="icon<!--{$status}-->" />
72                    <!--{/foreach}-->
73                    </li>
74                </ul>
75            <!--{/if}-->
76            <!--▲商品ステータス-->
77
78            <!--★ダウンロード販売★-->
79            <!--{if $arrProduct.down == 2}-->
80                <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br />
81            <!--{/if}-->
82
83            <table>
84                <tr>
85                    <th colspan="2">
86                        <!--★商品名★-->
87                        <h2 class="product_name"><!--{$arrProduct.name|h}--></h2>
88                    </th>
89                </tr>
90                 <tr>
91                    <th>
92                        <div class="product_code">商品コード</div>
93                    </th>
94                     <td class="product_td">
95                     <span id="product_code_default">
96                    <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
97                        <!--{$arrProduct.product_code_min|h}-->
98                    <!--{else}-->
99                        <!--{$arrProduct.product_code_min|h}-->～<!--{$arrProduct.product_code_max|h}-->
100                    <!--{/if}-->
101                </span><span id="product_code_dynamic"></span>
102                     </td>
103                </tr>
104                <tr>
105                    <th>
106                        <!--★販売価格★-->
107                        <div class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)</div>
108                    </th>
109                    <td class="product_td">
110                        <span class="price">
111                            <span id="price02_default">
112                                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
113                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
114                                <!--{else}-->
115                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
116                                <!--{/if}-->
117                            </span><span id="price02_dynamic"></span>
118                            円
119                        </span>
120                    </td>
121                </tr>
122                <!--★通常価格★-->
123                <!--{if $arrProduct.price01_max > 0}-->
124                <tr>
125                    <th>
126                        <div class="normal_price">
127                            <!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込)
128                        </div>
129                    </th>
130                    <td class="product_td">
131                        <span class="price">
132                            <span id="price01_default">
133                                <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
134                                    <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
135                                <!--{else}-->
136                                    <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
137                                <!--{/if}-->
138                            </span><span id="price01_dynamic"></span>
139                            円
140                        </span>
141                    </td>
142                </tr>   
143                <!--{/if}-->
144
145
146                <!--★ポイント★-->
147                <!--{if $smarty.const.USE_POINT !== false}-->
148                <tr>
149                    <th>
150                        <div class="sale_price">ポイント</div>
151                    </th>
152                    <td class="product_td">
153                        <span id="point_default">
154                            <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
155                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
156                            <!--{else}-->
157                                <!--{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}-->
158                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
159                                <!--{else}-->
160                                    <!--{$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}-->
161                                <!--{/if}-->
162                            <!--{/if}-->
163                            </span><span id="point_dynamic">
164                            Pt
165                        </span>
166                    </td>
167                </tr>
168                <!--{/if}-->
169
170                <!--▼メーカーURL-->
171                <!--{if $arrProduct.comment1|strlen >= 1}-->
172                <tr>
173                    <th>
174                        <span class="comment1">メーカーURL
175                    </th>
176                    <td class="product_td">
177                            <a href="<!--{$arrProduct.comment1|h}-->">
178                                <!--{$arrProduct.comment1|h}--></a>
179                    </td>
180                </tr>
181                <!--{/if}-->
182                <!--▲メーカーURL-->
183
184                <!--★関連カテゴリ★-->
185                <tr>
186                    <th>
187                        <div class="relative_cat">関連カテゴリ</div>
188                    </th>
189                    <td class="product_td">
190                        <!--{section name=r loop=$arrRelativeCat}-->
191                        <p class="no_margin">
192                            <!--{section name=s loop=$arrRelativeCat[r]}-->
193                            <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
194                            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
195                            <!--{/section}-->
196                        </p>
197                        <!--{/section}-->
198                    </td>
199                </tr>
200                <tr>
201                    <td colspan="2" class="product_td">
202                            <!--★詳細メインコメント★-->
203                            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
204                    </td>
205                </tr>
206            </table>
207
208            <!--▼買い物かご-->
209            <form name="form1" id="form1" method="post" action="?">
210                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
211                <input type="hidden" name="mode" value="cart" />
212                <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
213                <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
214                <input type="hidden" name="favorite_product_id" value="" />
215
216
217                <!--{if $tpl_stock_find}-->
218                    <dl>
219                        <!--{if $tpl_classcat_find1}-->
220                            <!--▼規格1-->
221                            <dt><!--{$tpl_class_name1|h}--></dt>
222                            <dd>
223                                <select name="classcategory_id1"
224                                    style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
225                                    onchange="fnSetClassCategories(this.form);"
226                                >
227                                    <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
228                                </select>
229                                <!--{if $arrErr.classcategory_id1 != ""}-->
230                                    <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
231                                <!--{/if}-->
232                            </dd>
233                            <!--▲規格1-->
234                        <!--{/if}-->
235
236                        <!--{if $tpl_classcat_find2}-->
237                            <!--▼規格2-->
238                            <dt><!--{$tpl_class_name2|h}--></dt>
239                            <dd>
240                                <select name="classcategory_id2"
241                                    style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
242                                    onchange="fnCheckStock(this.form);"
243                                >
244                                </select>
245                                <!--{if $arrErr.classcategory_id2 != ""}-->
246                                    <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
247                                <!--{/if}-->
248                            </dd>
249                            <!--▲規格2-->
250                        <!--{/if}-->
251
252                        <dt>数量</dt>
253                        <dd>
254                            <input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
255                            <!--{if $arrErr.quantity != ""}-->
256                                <br /><span class="attention"><!--{$arrErr.quantity}--></span>
257                            <!--{/if}-->
258                        </dd>
259                    </dl>
260                <!--{/if}-->
261
262                <div class="btn">
263                    <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1 && $tpl_login === true}-->
264
265                    <!--{/if}-->
266
267                    <!--{if $tpl_stock_find}-->
268                        <div id="cartbtn_default">
269                            <!--★カゴに入れる★-->
270                            <div>
271                               <a href="javascript:void(document.form1.submit())" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/products/b_cartin_on.gif','cart');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/products/b_cartin.gif','cart');" class="spbtn spbtn-agree">
272                                    カゴに入れる
273                                </a>
274                            </div>
275                            <!--{if 'sfGMODetailDisplay'|function_exists}--><!--{* GMOワンクリック *}-->
276                                <!--{'sfGMODetailDisplay'|call_user_func}-->
277                            <!--{/if}-->
278                        </div>
279                        <div class="attention" id="cartbtn_dynamic"></div>
280                    <!--{else}-->
281                        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
282                    <!--{/if}-->
283                </div>
284
285                    <!--{if !$is_favorite}-->
286                        <div class="btn" id="btn-recommend">
287                            <a class="spbtn spbtn-medeum" href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" class="spbtn spbtn-small">
288                                    お気に入りに追加</a>
289                    <!--{else}-->
290                            <div class="spbtn spbtn-medeum">お気に入り登録済</div>
291                        </div>
292                    <!--{/if}-->
293            </form>
294            <!--▲買い物かご-->
295
296        </div>
297    </div>
298    <!--詳細ここまで-->
299
300    <!--▼サブコメント-->
301    <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
302        <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
303        <!--{if $arrProduct[$key] != ""}-->
304            <div class="subarea">
305                <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
306                <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
307
308                <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>
309
310                <!--▼サブ画像-->
311                <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
312                <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
313                <!--{if $arrProduct[$key]|strlen >= 1}-->
314                    <div class="subphotoimg">
315                        <a
316                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
317                                href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->"
318                                class="expansion"
319                                onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif', 'expansion_<!--{$lkey|h}-->');"
320                                onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif', 'expansion_<!--{$lkey|h}-->');"
321                                target="_blank"
322                            <!--{/if}-->
323                        >
324                            <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" /><br />
325                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
326                                <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" id="expansion_<!--{$lkey|h}-->" />
327                            <!--{/if}-->
328                        </a>
329                    </div>
330                <!--{/if}-->
331                <!--▲サブ画像-->
332            </div>
333        <!--{/if}-->
334    <!--{/section}-->
335    <!--▲サブコメント-->
336
337    <!--▼関連商品-->
338    <!--{if $arrRecommend}-->
339        <div id="whoboughtarea">
340            <h3>その他のオススメ商品</h3>
341            <div class="whoboughtblock">
342
343            <!--{section name=cnt loop=$arrRecommend}-->
344                <!--{if ($smarty.section.cnt.index % 2) == 0}-->
345                <!--{if $arrRecommend[cnt].product_id}-->
346                <!-- 左列 -->
347                <div class="whoboughtleft">
348
349                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
350                        <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>
351
352                    <div class="whoboughtrightblock">
353                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
354                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
355                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
356
357                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
358                            <!--{if $price02_min == $price02_max}-->
359                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
360                            <!--{else}-->
361                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
362                            <!--{/if}-->円</span></p>
363                        <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>
364                    </div>
365                </div>
366                <!-- 左列 -->
367                <!--{/if}-->
368                <!--{/if}-->
369
370                <!--{if ($smarty.section.cnt.index % 2) != 0}-->
371                <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
372                <!--{if $arrRecommend[cnt].product_id}-->
373                <!-- 右列 -->
374                <div class="whoboughtright">
375
376                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
377                        <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>
378
379                    <div class="whoboughtrightblock">
380                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
381                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
382                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
383
384                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
385
386                            <!--{if $price02_min == $price02_max}-->
387                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
388                            <!--{else}-->
389                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
390                            <!--{/if}-->円</span></p>
391                        <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>
392                    </div>
393                </div>
394                <!-- 右列 -->
395            <!--{/if}-->
396            <!--{/if}-->
397
398            <!--{if $smarty.section.cnt.last}-->
399            </div>
400            <!--{/if}-->
401        <!--{/section}-->
402        </div>
403    <!--{/if}-->
404    <!--▲関連商品-->
405
406</div>
407<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.