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

Revision 21132, 18.1 KB checked in by nanasess, 13 years ago (diff)

#1413 HTML5 構文修正

  • カート, 複数お届け先指定, 購入確認画面での画像リンクは見づらいので廃止
  • 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-2011 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 src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
23<script src="<!--{$TPL_URLPATH}-->js/jquery.facebox/facebox.js"></script>
24<script>//<![CDATA[
25// 規格2に選択肢を割り当てる。
26function fnSetClassCategories(form, classcat_id2_selected) {
27    var $form = $(form);
28    var product_id = $form.find('input[name=product_id]').val();
29    var $sele1 = $form.find('select[name=classcategory_id1]');
30    var $sele2 = $form.find('select[name=classcategory_id2]');
31    setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
32}
33$(function(){
34    $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000, parentArea:'#detailphotoblock'});
35    $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000, parentArea:'#whobought_area'});
36    //サブエリアとお勧めエリアを非表示にする（初期値）
37    $("#sub_area").hide();
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//サブエリアの表示/非表示
47var speed = 1000; //表示アニメのスピード（ミリ秒）
48var stateSub = 1;
49function fnSubToggle(areaEl, imgEl) {
50    areaEl.toggle(speed);
51    if (stateSub == 0) {
52        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
53        stateSub = 1;
54    } else {
55        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
56        stateSub = 0
57    }
58}
59//お勧めエリアの表示/非表示
60var statewhobought = 0;
61function fnWhoboughtToggle(areaEl, imgEl) {
62    areaEl.toggle(speed);
63    if (statewhobought == 0) {
64        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
65        statewhobought = 1;
66    } else {
67        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
68        statewhobought = 0
69    }
70}
71//]]>
72</script>
73
74<!--▼CONTENTS-->
75<section id="product_detail">
76
77<!--★タイトル★-->
78<h2 class="title"><!--{$tpl_subtitle|h}--></h2>
79<!--★画像★-->
80<div id="detailphotoblock" class="mainImageInit">
81    <ul>
82        <!--{assign var=key value="main_image"}-->
83        <li id="mainImage0">
84        <!--{if $arrProduct.main_large_image|strlen >= 1}-->
85            <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" target="_blank">
86                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
87        <!--{else}-->
88            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" />
89        <!--{/if}-->
90        </li>
91        <!--★サブ画像★-->
92        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
93        <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
94        <!--{if $arrProduct[$key] != ""}-->
95            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
96            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
97            <li id="mainImage<!--{$smarty.section.cnt.index+1}-->">
98              <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
99              <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
100              </li>
101        <!--{/if}-->
102        <!--{/section}-->
103    </ul>
104</div>
105
106<section id="detailarea">
107
108<!--★詳細メインコメント★-->
109<p class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></p>
110
111<div id="detailrightblock">
112    <!--▼商品ステータス-->
113    <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
114    <!--{if count($ps) > 0}-->
115        <ul class="status_icon">
116        <!--{foreach from=$ps item=status}-->
117            <li><!--{$arrSTATUS[$status]}--></li>
118        <!--{/foreach}-->
119        </ul>
120    <!--{/if}-->
121    <!--▲商品ステータス-->
122
123    <div class="product_detail">
124
125        <!--★ダウンロード販売★-->
126        <!--{if $arrProduct.down == 2}-->
127            <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br />
128        <!--{/if}-->
129                   
130        <!--★商品名★-->
131        <h3 class="product_name"><!--{$arrProduct.name|h}--></h3>
132
133        <p class="product_code"><span class="mini">商品コード：</span>
134
135        <span id="product_code_default">
136        <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
137            <!--{$arrProduct.product_code_min|h}-->
138        <!--{else}-->
139            <!--{$arrProduct.product_code_min|h}-->～<!--{$arrProduct.product_code_max|h}-->
140        <!--{/if}-->
141        </span><span id="product_code_dynamic"></span></p>
142
143        <!--★関連カテゴリ★-->
144        <p class="relative_cat"><span class="mini">関連カテゴリ：</span>
145        <!--{section name=r loop=$arrRelativeCat}-->
146            <!--{section name=s loop=$arrRelativeCat[r]}-->
147            <a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
148            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
149            <!--{/section}--><br />
150        <!--{/section}-->
151        </p>
152
153        <!--★通常価格★-->
154        <!--{if $arrProduct.price01_max > 0}-->
155        <p class="normal_price">
156        <span class="mini"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込)：</span>
157        <span id="price01_default">
158               <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
159               <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
160                 <!--{else}-->
161                   <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
162                    <!--{/if}-->
163        <span id="price01_dynamic"></span>円</span></p>
164        <!--{/if}-->
165
166        <!--★販売価格★-->
167        <p class="sale_price"><span class="mini"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)：</span>
168        <span class="price"><span id="price02_default">
169                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
170                 <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
171                   <!--{else}-->
172                     <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
173                       <!--{/if}-->
174        </span><span id="price02_dynamic"></span>円</span></p>
175
176
177        <!--★ポイント★-->
178        <!--{if $smarty.const.USE_POINT !== false}-->
179            <p class="sale_price"><span class="mini">ポイント：</span><span id="point_default">
180                   <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
181                     <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
182                       <!--{else}-->
183                        <!--{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}-->
184                          <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
185                            <!--{else}-->
186                              <!--{$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}-->
187                                <!--{/if}-->
188                                  <!--{/if}-->
189            </span><span id="point_dynamic">Pt</span></p>
190        <!--{/if}-->
191
192        <!--▼メーカーURL-->
193        <!--{if $arrProduct.comment1|strlen >= 1}-->
194        <p class="sale_price"><span class="mini">メーカーURL：</span><span>
195            <a rel="external" href="<!--{$arrProduct.comment1|h}-->">
196                <!--{$arrProduct.comment1|h}--></a>
197        </span></p>
198        <!--{/if}-->
199        <!--▲メーカーURL-->
200     </div>
201
202    <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->products/detail.php">
203        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
204        <input type="hidden" name="mode" value="cart" />
205        <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
206        <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
207        <input type="hidden" name="favorite_product_id" value="" />
208       
209        <!--▼買い物かご-->
210        <!--{if $tpl_stock_find}-->
211   
212            <!--{if $tpl_classcat_find1}-->
213                <div class="cart_area">
214                     <dl>
215                        <!--▼規格1-->
216                        <dt><!--{$tpl_class_name1|h}--></dt>
217                        <dd>
218                        <select name="classcategory_id1"
219                            style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
220                            onchange="fnSetClassCategories(this.form);"
221                            class="data-role-none">
222                            <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
223                        </select>
224                        <!--{if $arrErr.classcategory_id1 != ""}-->
225                            <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
226                        <!--{/if}-->
227                        </dd>
228                        <!--▲規格1-->
229            <!--{/if}-->
230
231            <!--{if $tpl_classcat_find2}-->
232                        <!--▼規格2-->
233                        <dt><!--{$tpl_class_name2|h}--></dt>
234                        <dd>
235                        <select name="classcategory_id2"
236                            style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
237                            onchange="fnCheckStock(this.form);"
238                            class="data-role-none">
239                        </select>
240                        <!--{if $arrErr.classcategory_id2 != ""}-->
241                            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
242                        <!--{/if}-->
243                        </dd>
244                        <!--▲規格2-->
245                     </dl>
246                  </div>
247            <!--{/if}-->
248               
249            <div class="cartin_btn">
250                <dl class="">
251                    <dt>数量</dt>
252                    <dd>
253                        <input type="number" name="quantity" class="quantitybox" value="<!--{$arrForm.quantity.value|default:1|h}-->" max="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
254                        <!--{if $arrErr.quantity != ""}-->
255                            <br /><span class="attention"><!--{$arrErr.quantity}--></span>
256                        <!--{/if}-->
257                    </dd>
258                </dl>
259        <!--{else}-->
260            <div class="cartin_btn">
261        <!--{/if}-->
262
263        <!--★カートに入れる★-->
264        <!--{if $tpl_stock_find}-->
265            <a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a>
266        <!--{else}-->
267            <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
268        <!--{/if}-->
269        </div>
270        <!--▲買い物かご-->
271
272        <!--{if $tpl_login}-->
273            <!--{if !$is_favorite}-->
274                <div class="btn_favorite">
275                    <p><a rel="external" href="javascript:void(0);" onclick="fnAddFavoriteSphone(<!--{$arrProduct.product_id|h}-->); return false;" class="btn_sub">お気に入りに追加</a></p>
276                </div>
277            <!--{else}-->
278                <div class="btn_favorite">
279                    <p class="btn_sub">お気に入り登録済</p>
280                </div>
281            <!--{/if}-->
282        <!--{/if}-->
283
284    </form>
285</div>
286</section>
287<!--詳細ここまで-->
288
289<!--▼サブエリアここから-->
290<!--{if $arrProduct.sub_title1 != ""}-->
291  <div class="title_box_sub clearfix">
292    <h2>商品情報</h2>
293     <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
294      <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_plus.png" onclick="fnSubToggle($('#sub_area'), this);" alt=""></span>
295       </div>
296    <div id="sub_area">
297        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
298            <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
299            <!--{if $arrProduct[$key] != ""}-->
300            <!--▼サブ情報-->
301           <div class="subarea clearfix">
302            <!--★サブタイトル★-->
303            <h3><!--{$arrProduct[$key]|h}--></h3>
304
305            <!--★サブ画像★-->
306            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
307            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
308            <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
309            <!--{if $arrProduct[$key]|strlen >= 1}-->
310                <p class="subphotoimg">
311                <!--{if $arrProduct[$lkey]|strlen >= 1}-->
312                    <a rel="external" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
313                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" />
314                    </a>
315                <!--{else}-->
316                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" />
317                <!--{/if}-->
318                </p>
319            <!--{/if}-->
320            <!--★サブテキスト★-->
321            <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
322            </div>
323            <!--{/if}-->
324        <!--{/section}-->
325    </div>
326<!--{/if}-->
327<!--サブエリアここまで-->
328
329
330<!--▼その他おすすめ商品-->
331<!--{if $arrRecommend}-->
332<div class="title_box_sub clearfix">
333  <h2>その他のオススメ商品</h2>
334     <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" onclick="fnWhoboughtToggle($('#whobought_area'), this);" alt=""></span>
335      </div>
336 
337  <div id="whobought_area" class="mainImageInit">
338
339    <ul>
340    <!--{section name=cnt loop=$arrRecommend}-->
341        <!--{if $arrRecommend[cnt].product_id}-->
342          <li id="mainImage1<!--{$smarty.section.cnt.index}-->">
343          <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" width="80" height="80" alt="<!--{$arrRecommend[cnt].name|h}-->" />
344             <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
345             <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
346             <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
347              <p class="sale_price"><span class="price">
348              <!--{if $price02_min == $price02_max}-->
349                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
350              <!--{else}-->
351                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
352              <!--{/if}-->
353               円</span></p>
354          </li>
355        <!--{/if}-->
356    <!--{/section}-->
357               
358    </ul>
359</div>
360<!--{/if}-->
361
362<!--▲その他おすすめ商品-->
363<div class="btn_area">
364<p><a href="javascript:void(0);" class="btn_more" data-rel="back">商品一覧に戻る</a></p>
365</div>
366</section>
367<!--▼検索バー -->
368<section id="search_area">
369<form method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
370<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
371<input type="search" name="name" id="search" value="" placeholder="キーワードを入力" class="searchbox" >
372</form>
373</section>
374<!--▲検索バー -->
375<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.