Changeset 21085 for branches/version-2_11-dev/data/Smarty

Timestamp:

2011/08/01 06:38:44 (13 years ago)

Author:

468

Message:

#1413 スマートフォン版商品画像拡大LightBox→facebox(画像サイズ80%にカスタマイズ)の利用に変更

File:

• branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl (modified) (6 diffs)

branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl

@@ -21 +21 @@
  *}-->
 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
-<script src="<!--{$TPL_URLPATH}-->js/jquery.flickslide.js"></script>
+<script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/jquery.facebox/facebox.js"></script>
+<link rel="stylesheet" type="text/css" href="<!--{$TPL_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
 <script type="text/javascript">//<![CDATA[
 // 規格2に選択肢を割り当てる。
@@ -38 +39 @@
     //お勧め商品のリンクを張り直し(フリックスライドによるエレメント生成後)
     $('#whobought_area li').biggerlink();
+    //商品画像の拡大
+    $('a.expansion').facebox({
+        loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
+        closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
+    });
 });
 //サブエリアの表示/非表示
@@ -78 +84 @@
         <li id="mainImage0">
         <!--{if $arrProduct.main_large_image|strlen >= 1}-->
-            <a rel="lightbox" data-ajax="false" href="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct.main_large_image|h}-->&amp;width=200&amp;height=200">
+            <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" target="_blank">
                 <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
         <!--{else}-->
@@ -91 +97 @@
             <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
             <li id="mainImage<!--{$smarty.section.cnt.index+1}-->">
-              <a rel="lightbox" data-ajax="false" href="<!--{$arrFile[$key].filepath}-->">
+              <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
               <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
               </li>
@@ -150 +156 @@
         <p class="normal_price">
         <span class="mini"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込)：</span>
-        <span class="price">
         <span id="price01_default">
                <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
@@ -157 +162 @@
                    <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                     <!--{/if}-->
-        </span><span id="price01_dynamic"></span>円</span></p>
+        <span id="price01_dynamic"></span>円</span></p>
         <!--{/if}-->