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

Revision 16971, 18.3 KB checked in by satou, 13 years ago (diff)

#219 商品詳細画面の画像が歪んでしまうバグを修正

  • 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      <form name="form1" id="form1" method="post" action="<!--{$smarty.server.REQUEST_URI|escape}-->">
135        <input type="hidden" name="mode" value="cart" />
136        <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
137        <!--{if $tpl_classcat_find1}-->
138        <dl>
139          <dt>
140            <!--{$tpl_class_name1}-->
141          </dt>
142          <dd>
143            <select name="classcategory_id1"
144                    style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
145                    onchange="lnSetSelect('form1', 'classcategory_id1', 'classcategory_id2', ''); ">
146              <option value="">選択してください</option>
147              <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
148            </select>
149            <!--{if $arrErr.classcategory_id1 != ""}-->
150            <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
151          <!--{/if}-->
152          </dd>
153        </dl>
154        <!--{/if}-->
155
156        <!--{if $tpl_stock_find}-->
157          <!--{if $tpl_classcat_find2}-->
158        <dl>
159          <dt><!--{$tpl_class_name2}--></dt>
160          <dd>
161            <select name="classcategory_id2"
162                    style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->">
163              <option value="">選択してください</option>
164            </select>
165            <!--{if $arrErr.classcategory_id2 != ""}-->
166            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
167            <!--{/if}-->
168          </dd>
169        </dl>
170          <!--{/if}-->
171
172        <dl>
173          <dt>個&nbsp;&nbsp;数</dt>
174          <dd><input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
175           <!--{if $arrErr.quantity != ""}-->
176           <br /><span class="attention"><!--{$arrErr.quantity}--></span>
177           <!--{/if}-->
178          </dd>
179        </dl>
180        <!--{/if}-->
181
182        <!--{if $tpl_stock_find}-->
183        <p class="btn">
184          <!--★カゴに入れる★-->
185          <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');">
186            <img src="<!--{$TPL_DIR}-->img/products/b_cartin.gif" width="115" height="25" alt="カゴに入れる" name="cart" id="cart" />
187          </a>
188        </p>
189        <!--{else}-->
190        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
191        <!--{/if}-->
192      </form>
193
194    </div>
195  </div>
196  <!--{* オペビルダー用 *}-->
197  <!--{if "sfViewDetailOpe"|function_exists === TRUE}-->
198  <!--{include file=`$smarty.const.MODULE_PATH`mdl_opebuilder/detail_ope_view.tpl}-->
199  <!--{/if}-->
200  <!--詳細ここまで-->
201
202  <!--▼サブコメントここから-->
203  <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
204  <!--{assign var=key value="sub_title`$smarty.section.cnt.iteration`"}-->
205    <!--{if $arrProduct[$key] != ""}-->
206  <div class="subarea">
207    <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|escape}--></h3>
208    <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.iteration`"}-->
209
210    <!--拡大写真がある場合ここから-->
211    <!--{assign var=key value="sub_image`$smarty.section.cnt.iteration`"}-->
212    <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.iteration`"}-->
213    <!--{if $arrFile[$key].filepath != ""}-->
214    <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br}--></div>
215      <div class="subphotoimg">
216      <!--{if $arrFile[$lkey].filepath != ""}-->
217        <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">
218      <!--{/if}-->
219      <!--サブ画像-->
220        <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" />
221      <!--{if $arrFile[$lkey].filepath != ""}-->
222        </a>
223        <p>
224          <a href="<!--{$smarty.server.PHP_SELF|escape}-->"
225             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;"
226             onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif','expansion02');"
227             onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif','expansion02');" target="_blank">
228            <img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" />
229          </a>
230        </p>
231      <!--{/if}-->
232      </div>
233      <!--拡大写真がある場合ここまで-->
234    <!--{else}-->
235    <p><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br}--></p>
236    <!--{/if}-->
237  </div>
238  <!--{/if}-->
239  <!--{/section}-->
240  <!--▲サブコメントここまで-->
241
242
243  <!--この商品に対するお客様の声-->
244  <div id="customervoicearea">
245    <h2><img src="<!--{$TPL_DIR}-->img/products/title_voice.jpg" width="580" height="30" alt="この商品に対するお客様の声" /></h2>
246
247    <!--{if count($arrReview) < $smarty.const.REVIEW_REGIST_MAX}-->
248    <!--★新規コメントを書き込む★-->
249      <a href="./review.php"
250         onclick="win02('./review.php?product_id=<!--{$arrProduct.product_id}-->','review','580','580'); return false;"
251         onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_comment_on.gif','review');"
252         onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_comment.gif','review');" target="_blank">
253        <img src="<!--{$TPL_DIR}-->img/products/b_comment.gif" width="150" height="22" alt="新規コメントを書き込む" name="review" id="review" />
254      </a>
255    <!--{/if}-->
256
257    <!--{if count($arrReview) > 0}-->
258    <ul>
259    <!--{section name=cnt loop=$arrReview}-->
260      <li>
261        <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>
262        <p class="voicetitle"><!--{$arrReview[cnt].title|escape}--></p>
263        <p class="voicecomment"><!--{$arrReview[cnt].comment|escape|nl2br}--></p>
264      </li>
265    <!--{/section}-->
266    </ul>
267    <!--{/if}-->
268  </div>
269  <!--お客様の声ここまで-->
270
271
272  <!--{if $arrTrackbackView == "ON"}-->
273  <!--▼トラックバックここから-->
274  <div id="trackbackarea">
275    <h2><img src="<!--{$TPL_DIR}-->img/products/title_tb.jpg" width="580" height="30" alt="この商品に対するトラックバック" /></h2>
276    <h3>この商品のトラックバック先URL</h3>
277    <input type="text" name="trackback" value="<!--{$trackback_url}-->" size="100" class="box500" />
278
279    <!--{if $arrTrackback}-->
280      <ul>
281      <!--{section name=cnt loop=$arrTrackback}-->
282        <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>
283          <p><!--{$arrTrackback[cnt].excerpt|escape|mb_strimwidth:0:200:"..."}--></p></li>
284      <!--{/section}-->
285      </ul>
286    <!--{/if}-->
287  <!--▲トラックバックここまで-->
288  </div>
289  <!--{/if}-->
290
291
292  <!--▼オススメ商品ここから-->
293  <!--{if $arrRecommend}-->
294  <div id="whoboughtarea">
295    <h2><img src="<!--{$TPL_DIR}-->img/products/title_recommend.jpg" width="580" height="30" alt="オススメ商品" /></h2>
296    <div class="whoboughtblock">
297
298    <!--{section name=cnt loop=$arrRecommend}-->
299      <!--{if ($smarty.section.cnt.index % 2) == 0}-->
300      <!--{if $arrRecommend[cnt].product_id}-->
301      <!-- 左列 -->
302      <div class="whoboughtleft">
303      <!--{if $arrRecommend[cnt].main_list_image != ""}-->
304        <!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
305      <!--{else}-->
306        <!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
307      <!--{/if}-->
308
309        <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->">
310         <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" />
311        </a>
312
313        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
314        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
315        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
316
317        <p>価格<span class="mini">(税込)</span>:<span class="price">
318        <!--{if $price02_min == $price02_max}-->
319          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
320        <!--{else}-->
321          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
322        <!--{/if}-->円</span></p>
323        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
324      </div>
325      <!-- 左列 -->
326      <!--{/if}-->
327      <!--{/if}-->
328
329      <!--{if ($smarty.section.cnt.index % 2) != 0}-->
330      <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
331      <!--{if $arrRecommend[cnt].product_id}-->
332      <!-- 右列 -->
333      <div class="whoboughtright">
334        <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->">
335        <!--{if $arrRecommend[cnt].main_list_image != ""}-->
336          <!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
337        <!--{else}-->
338          <!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
339        <!--{/if}-->
340          <img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" />
341        </a>
342        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
343        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
344        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
345
346        <p>価格<span class="mini">(税込)</span>:<span class="price">
347
348        <!--{if $price02_min == $price02_max}-->
349          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
350        <!--{else}-->
351          <!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
352        <!--{/if}-->円</span></p>
353        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
354      </div>
355      <!-- 右列 -->
356    <!--{/if}-->
357    <!--{/if}-->
358
359    <!--{if $smarty.section.cnt.last}-->
360    </div>
361    <!--{/if}-->
362  <!--{/section}-->
363  </div>
364<!--{/if}-->
365</div>
366<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.