↓

（1）jquery-1.4.2.min.jsのバージョンを新しいものに変更しておく。
■html/js/jquery-1.7.1.min.js　←追加
■data/Smarty/templates/default/site_frame.tpl（下記に変更）

 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery-1.4.2.min.js"></script>
 ↓
 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery-1.7.1.min.js"></script>

（2）colorboxファイルをダウンロードし、■html/jsフォルダに追加する。フォルダ名は「jquery.colorbox」

（3）■data/Smarty/templates/default/site_frame.tplの内に下記を追記。

 <!--ColorBox-->
 <link media="screen" rel="stylesheet" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.colorbox/colorbox.css" />
 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.colorbox/jquery.colorbox.js"></script>
 <script type="text/javascript">
 $(document).ready(function() {
 $(".cbox").colorbox();
 });
 </script>

（4）■data/Smarty/templates/default/products/detail.tpl
①下記コードを削除

 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
 <link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />

$(document).ready(function() {
 $('a.expansion').facebox({
 loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
 closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
 });
 });

②とするの箇所、下記コードを変更

 class="expansion"
 target="_blank"

↓

class="cbox"
 title="<!--{$arrProduct.name|h}-->"

（5）■data/Smarty/templates/default/cart/index.tpl
①下記コードを削除

 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
 <link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
 <script type="text/javascript">//<![CDATA[
 $(document).ready(function() {
 $('a.expansion').facebox({
 loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
 closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
 });
 });
 //]]></script>

②画像へのリンク箇所を変更

 class="expansion" target="_blank"
 ↓
 class="cbox" title="<!--{$item.productsClass.name|h}-->"

（6）■data/Smarty/templates/default/shopping/confirm.tpl
①下記コードを削除

 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
 <link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />

$(document).ready(function() {
 $('a.expansion').facebox({
 loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
 closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
 });
 });

②画像へのリンク箇所を変更

 class="expansion" target="_blank"
 ↓
 class="cbox" title="<!--{$item.productsClass.name|h}-->"