source: branches/version-2/data/Smarty/templates/default/detail.tpl @ 17333

Revision 17333, 18.8 KB checked in by adachi, 13 years ago (diff)

関連カテゴリを表示する機能を追加 by pineray (merge r17071)

  • Property svn:eol-style set to LF
  • Property svn:mime-type set to text/html; charset=UTF-8
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2007 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">//<![CDATA[
23// セレクトボックスに項目を割り当てる。
24function lnSetSelect(form, name1, name2, val) {
25
26        sele11 = document[form][name1];
27        sele12 = document[form][name2];
28
29        if(sele11 && sele12) {
30                index = sele11.selectedIndex;
31
32                // セレクトボックスのクリア
33                count = sele12.options.length;
34                for(i = count; i >= 0; i--) {
35                        sele12.options[i] = null;
36                }
37
38                // セレクトボックスに値を割り当てる
39                len = lists[index].length;
40                for(i = 0; i < len; i++) {
41                        sele12.options[i] = new Option(lists[index][i], vals[index][i]);
42                        if(val != "" && vals[index][i] == val) {
43                                sele12.options[i].selected = true;
44                        }
45                }
46        }
47}
48//]]>
49</script>
50
51<!--▼CONTENTS-->
52<div id="undercolumn">
53  <div id="detailtitle"><h2><!--★タイトル★--><!--{$tpl_subtitle|escape}--></h2></div>
54  <p><!--★詳細メインコメント★--><!--{$arrProduct.main_comment|nl2br}--></p>
55
56  <div id="detailarea">
57    <div id="detailphotoblock">
58
59    <!--{assign var=key value="main_image"}-->
60    <!--{if $arrProduct.main_large_image != ""}-->
61    <!--★画像★-->
62      <a href="javascript:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&amp;image=main_large_image<!--{if $smarty.get.admin == 'on'}-->&amp;admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+60}-->', '<!--{$arrFile.main_large_image.height+80}-->'))">
63        <img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" />
64      </a>
65      <p>
66      <!--★拡大する★-->
67        <a href="javascript:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&amp;image=main_large_image<!--{if $smarty.get.admin == 'on'}-->&amp;admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+60}-->', '<!--{$arrFile.main_large_image.height+80}-->'))" onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif','expansion01');" onMouseOut="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif','expansion01');">
68          <img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" />
69       </a>
70      </p>
71      <!--{else}-->
72      <img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" />
73      <!--{/if}-->
74    </div>
75
76    <div id="detailrightblock">
77      <!--アイコン-->
78      <!--{if count($arrProduct.product_flag) > 0}-->
79      <ul>
80        <!--{section name=flg loop=$arrProduct.product_flag|count_characters}-->
81        <!--{if $arrProduct.product_flag[flg] == "1"}-->
82        <li>
83          <!--{assign var=key value="`$smarty.section.flg.iteration`"}-->
84          <img src="<!--{$TPL_DIR}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="65" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
85        </li>
86        <!--{/if}-->
87        <!--{/section}-->
88      </ul>
89      <!--{/if}-->
90
91      <!--★商品コード★-->
92      <!--{assign var=codecnt value=$arrProductCode|@count}-->
93      <!--{assign var=codemax value=`$codecnt-1`}-->
94      <div>商品コード:
95        <!--{if $codecnt > 1}-->
96          <!--{$arrProductCode.0}-->〜<!--{$arrProductCode[$codemax]}-->
97        <!--{else}-->
98          <!--{$arrProductCode.0}-->
99        <!--{/if}-->
100      </div>
101      <h2><!--★商品名★--><!--{$arrProduct.name|escape}--></h2>
102      <!--★価格★-->
103      <div><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(税込)</span>:
104        <span class="price">
105          <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
106            <!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
107          <!--{else}-->
108            <!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$arrProduct.price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
109          <!--{/if}-->円</span></div>
110      <div>
111        <!--{if $arrProduct.price01_max > 0}-->
112        <span class="price"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->:
113          <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
114            <!--{$arrProduct.price01_min|number_format}-->
115          <!--{else}-->
116            <!--{$arrProduct.price01_min|number_format}-->〜<!--{$arrProduct.price01_max|number_format}-->
117          <!--{/if}-->円</span>
118        <!--{/if}-->
119      </div>
120
121      <!--★ポイント★-->
122      <div><span class="price">ポイント:
123        <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
124          <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
125        <!--{else}-->
126          <!--{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}-->
127            <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
128          <!--{else}-->
129            <!--{$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}-->
130          <!--{/if}-->
131        <!--{/if}-->Pt</span></div>
132
133      <!--{* 関連カテゴリ *}-->
134      <div>関連カテゴリ:
135        <!--{section name=r loop=$arrRelativeCat}-->
136        <p>
137          <!--{section name=s loop=$arrRelativeCat[r]}-->
138          <a href="<!--{$smarty.const.URL_DIR}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
139          <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
140          <!--{/section}-->
141        </p>
142        <!--{/section}-->
143      </div>
144
145
146      <form name="form1" id="form1" method="post" action="<!--{$smarty.server.REQUEST_URI|escape}-->">
147        <input type="hidden" name="mode" value="cart" />
148        <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
149        <!--{if $tpl_classcat_find1}-->
150        <dl>
151          <dt>
152            <!--{$tpl_class_name1}-->
153          </dt>
154          <dd>
155            <select name="classcategory_id1"
156                    style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
157                    onchange="lnSetSelect('form1', 'classcategory_id1', 'classcategory_id2', ''); ">
158              <option value="">選択してください</option>
159              <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
160            </select>
161            <!--{if $arrErr.classcategory_id1 != ""}-->
162            <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
163          <!--{/if}-->
164          </dd>
165        </dl>
166        <!--{/if}-->
167
168        <!--{if $tpl_stock_find}-->
169          <!--{if $tpl_classcat_find2}-->
170        <dl>
171          <dt><!--{$tpl_class_name2}--></dt>
172          <dd>
173            <select name="classcategory_id2"
174                    style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->">
175              <option value="">選択してください</option>
176            </select>
177            <!--{if $arrErr.classcategory_id2 != ""}-->
178            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
179            <!--{/if}-->
180          </dd>
181        </dl>
182          <!--{/if}-->
183
184        <dl>
185          <dt>個&nbsp;&nbsp;数</dt>
186          <dd><input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
187           <!--{if $arrErr.quantity != ""}-->
188           <br /><span class="attention"><!--{$arrErr.quantity}--></span>
189           <!--{/if}-->
190          </dd>
191        </dl>
192        <!--{/if}-->
193
194        <!--{if $tpl_stock_find}-->
195        <p class="btn">
196          <!--★カゴに入れる★-->
197          <a href="javascript:void(document.form1.submit())" onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_cartin_on.gif','cart');" onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_cartin.gif','cart');">
198            <img src="<!--{$TPL_DIR}-->img/products/b_cartin.gif" width="115" height="25" alt="カゴに入れる" name="cart" id="cart" />
199          </a>
200        </p>
201        <!--{else}-->
202        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
203        <!--{/if}-->
204      </form>
205
206    </div>
207  </div>
208  <!--{* オペビルダー用 *}-->
209  <!--{if "sfViewDetailOpe"|function_exists === TRUE}-->
210  <!--{include file=`$smarty.const.MODULE_PATH`mdl_opebuilder/detail_ope_view.tpl}-->
211  <!--{/if}-->
212  <!--詳細ここまで-->
213
214  <!--▼サブコメントここから-->
215  <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
216  <!--{assign var=key value="sub_title`$smarty.section.cnt.iteration`"}-->
217    <!--{if $arrProduct[$key] != ""}-->
218  <div class="subarea">
219    <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|escape}--></h3>
220    <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.iteration`"}-->
221
222    <!--拡大写真がある場合ここから-->
223    <!--{assign var=key value="sub_image`$smarty.section.cnt.iteration`"}-->
224    <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.iteration`"}-->
225    <!--{if $arrFile[$key].filepath != ""}-->
226    <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br}--></div>
227      <div class="subphotoimg">
228      <!--{if $arrFile[$lkey].filepath != ""}-->
229        <a href="<!--{$smarty.server.PHP_SELF|escape}-->" onclick="win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&amp;image=<!--{$lkey}--><!--{if $smarty.get.admin == 'on'}-->&amp;admin=on<!--{/if}-->','detail_image','<!--{$arrFile[$lkey].width+60}-->','<!--{$arrFile[$lkey].height+80}-->'); return false;" target="_blank">
230      <!--{/if}-->
231      <!--サブ画像-->
232        <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" />
233      <!--{if $arrFile[$lkey].filepath != ""}-->
234        </a>
235        <p>
236          <a href="<!--{$smarty.server.PHP_SELF|escape}-->"
237             onclick="win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&amp;image=<!--{$lkey}--><!--{if $smarty.get.admin == 'on'}-->&amp;admin=on<!--{/if}-->','detail_image','<!--{$arrFile[$lkey].width+60}-->','<!--{$arrFile[$lkey].height+80}-->'); return false;"
238             onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif','expansion02');"
239             onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif','expansion02');" target="_blank">
240            <img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" />
241          </a>
242        </p>
243      <!--{/if}-->
244      </div>
245      <!--拡大写真がある場合ここまで-->
246    <!--{else}-->
247    <p><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br}--></p>
248    <!--{/if}-->
249  </div>
250  <!--{/if}-->
251  <!--{/section}-->
252  <!--▲サブコメントここまで-->
253
254
255  <!--この商品に対するお客様の声-->
256  <div id="customervoicearea">
257    <h2><img src="<!--{$TPL_DIR}-->img/products/title_voice.jpg" width="580" height="30" alt="この商品に対するお客様の声" /></h2>
258
259    <!--{if count($arrReview) < $smarty.const.REVIEW_REGIST_MAX}-->
260    <!--★新規コメントを書き込む★-->
261      <a href="./review.php"
262         onclick="win02('./review.php?product_id=<!--{$arrProduct.product_id}-->','review','580','580'); return false;"
263         onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_comment_on.gif','review');"
264         onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_comment.gif','review');" target="_blank">
265        <img src="<!--{$TPL_DIR}-->img/products/b_comment.gif" width="150" height="22" alt="新規コメントを書き込む" name="review" id="review" />
266      </a>
267    <!--{/if}-->
268
269    <!--{if count($arrReview) > 0}-->
270    <ul>
271    <!--{section name=cnt loop=$arrReview}-->
272      <li>
273        <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|escape}--></a><!--{else}--><!--{$arrReview[cnt].reviewer_name|escape}--><!--{/if}--> おすすめレベル:<span class="price"><!--{assign var=level value=$arrReview[cnt].recommend_level}--><!--{$arrRECOMMEND[$level]|escape}--></span></p>
274        <p class="voicetitle"><!--{$arrReview[cnt].title|escape}--></p>
275        <p class="voicecomment"><!--{$arrReview[cnt].comment|escape|nl2br}--></p>
276      </li>
277    <!--{/section}-->
278    </ul>
279    <!--{/if}-->
280  </div>
281  <!--お客様の声ここまで-->
282
283
284  <!--{if $arrTrackbackView == "ON"}-->
285  <!--▼トラックバックここから-->
286  <div id="trackbackarea">
287    <h2><img src="<!--{$TPL_DIR}-->img/products/title_tb.jpg" width="580" height="30" alt="この商品に対するトラックバック" /></h2>
288    <h3>この商品のトラックバック先URL</h3>
289    <input type="text" name="trackback" value="<!--{$trackback_url}-->" size="100" class="box500" />
290
291    <!--{if $arrTrackback}-->
292      <ul>
293      <!--{section name=cnt loop=$arrTrackback}-->
294        <li><strong><!--{$arrTrackback[cnt].create_date|sfDispDBDate:false}--> <a href="<!--{$arrTrackback[cnt].url}-->" target="_blank"><!--{$arrTrackback[cnt].title|escape}--></a> from <!--{$arrTrackback[cnt].blog_name|escape}--></strong>
295          <p><!--{$arrTrackback[cnt].excerpt|escape|mb_strimwidth:0:200:"..."}--></p></li>
296      <!--{/section}-->
297      </ul>
298    <!--{/if}-->
299  <!--▲トラックバックここまで-->
300  </div>
301  <!--{/if}-->
302
303
304  <!--▼オススメ商品ここから-->
305  <!--{if $arrRecommend}-->
306  <div id="whoboughtarea">
307    <h2><img src="<!--{$TPL_DIR}-->img/products/title_recommend.jpg" width="580" height="30" alt="オススメ商品" /></h2>
308    <div class="whoboughtblock">
309
310    <!--{section name=cnt loop=$arrRecommend}-->
311      <!--{if ($smarty.section.cnt.index % 2) == 0}-->
312      <!--{if $arrRecommend[cnt].product_id}-->
313      <!-- 左列 -->
314      <div class="whoboughtleft">
315      <!--{if $arrRecommend[cnt].main_list_image != ""}-->
316        <!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
317      <!--{else}-->
318        <!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
319      <!--{/if}-->
320
321        <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->">
322         <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" />
323        </a>
324
325        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
326        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
327        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
328
329        <p>価格<span class="mini">(税込)</span>:<span class="price">
330        <!--{if $price02_min == $price02_max}-->
331          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
332        <!--{else}-->
333          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
334        <!--{/if}-->円</span></p>
335        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
336      </div>
337      <!-- 左列 -->
338      <!--{/if}-->
339      <!--{/if}-->
340
341      <!--{if ($smarty.section.cnt.index % 2) != 0}-->
342      <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
343      <!--{if $arrRecommend[cnt].product_id}-->
344      <!-- 右列 -->
345      <div class="whoboughtright">
346        <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->">
347        <!--{if $arrRecommend[cnt].main_list_image != ""}-->
348          <!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
349        <!--{else}-->
350          <!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
351        <!--{/if}-->
352          <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" />
353        </a>
354        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
355        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
356        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
357
358        <p>価格<span class="mini">(税込)</span>:<span class="price">
359
360        <!--{if $price02_min == $price02_max}-->
361          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
362        <!--{else}-->
363          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
364        <!--{/if}-->円</span></p>
365        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
366      </div>
367      <!-- 右列 -->
368    <!--{/if}-->
369    <!--{/if}-->
370
371    <!--{if $smarty.section.cnt.last}-->
372    </div>
373    <!--{/if}-->
374  <!--{/section}-->
375  </div>
376<!--{/if}-->
377</div>
378<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.