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

Revision 23430, 21.6 KB checked in by Seasoft, 10 years ago (diff)

#2448 (typo修正・ソース整形・ソースコメントの改善 for 2.13.3)

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