オープンソースの販売サイト構築ソフト EC-CUBE についてのメモ。

拡大画像を prettyPhoto で

前提

  • EC-CUBE 2.5 (執筆時点では、デベロッパー版)

前準備

  • ダウンロードして展開した prettyPhoto のディレクトリを /html/js/prettyphoto/ に配置する。

ファイル編集

/data/Smarty/templates/default/detail.tpl

@@ -19,9 +19,8 @@
  * along with this program; if not, write to the Free Software
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<script type="text/javascript" src="<!--{$smarty.const.URL_DIR}-->js/jquery.fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.URL_DIR}-->js/jquery.fancybox/jquery.fancybox-1.3.1.pack.js"></script>
-<link rel="stylesheet" href="<!--{$smarty.const.URL_DIR}-->js/jquery.fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
+<link rel="stylesheet" href="<!--{$smarty.const.URL_DIR}-->js/prettyphoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
+<script src="<!--{$smarty.const.URL_DIR}-->js/prettyphoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">//<![CDATA[
 // 規格2に選択肢を割り当てる。
 function fnSetClassCategories(form, classcat_id2_selected) {
@@ -153,7 +152,7 @@
     }
 }
 $(document).ready(function() {
-    $("a.expansion").fancybox({
+    $("a.expansion").prettyPhoto({
     });
 });
 //]]>
tips/prettyphoto.txt · 最終更新: 2010/12/13 10:12 by seasoft
© 2008-2021 Seasoft.