muton さん、こんばんは。

下記の記事が参考になるかと思います。

画像の縦横比が維持されません（Ver 2.0.1）

商品拡大画像のwindowサイズを大きくしたいのですが、
detail.tpl
の下記の
<!--{$arrFile.main_large_image.height+80}-->'))">
+80という数字を変更してみたのですが、
変化がありませんでした。

拡大画像のwindowサイズを変える方法を
教えてください。

それと、window内のバックの色の変え方も
教えてください。

よろしくお願いします。


<!--{assign var=key value="main_image"}-->
<!--{if $arrProduct.main_large_image != ""}-->
<!--★画像★-->
<a href="java script:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&image=main_large_image<!--{if $smarty.get.admin == 'on'}-->&admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+60}-->', '<!--{$arrFile.main_large_image.height+80}-->'))">
<img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$smarty.const.NORMAL_IMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_IMAGE_HEIGHT}-->" alt="<!--{$arrProduct.name|escape}-->" />
</a>
<p>
<!--★拡大する★-->
<a href="java script:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&image=main_large_image<!--{if $smarty.get.admin == 'on'}-->&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');">
<img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" />
</a>
</p>

拡大画像の window サイズの変更の件ですが、
確認してみましたが、<!--★画像★--> 以下にある
<!--{$arrFile.main_large_image.width+60}-->
<!--{$arrFile.main_large_image.height+80}-->
の値を変えれば変更出来るようですよ。

window 内のバックの色は、スタイルシートを書き換える必要がありますが頑張ってください。
user_data/packages/css/window.css の中の div#bigimage と、
data/Smarty/templates/products/detail_image.tpl に
変更したいスタイルを適用すればできます。

http://www.muton.net/mart/products/detail.php?product_id=5
今、画像をクリックすると、このように右に寄って拡大画像が表示されます。
http://image.blog.livedoor.jp/mono_chrome/imgs/5/a/5ac24283.jpg
拡大画像のwindowを、

商品画像をクリックすると、このようなwindowサイズで拡大画像を
表示したいと思っています。
http://image.blog.livedoor.jp/mono_chrome/imgs/2/4/24148c07.jpg

試しに+300に変更してみたのですが、反映されていないようです。

もう少し、このあたりを詳しく教えて頂けると助かります。
よろしくお願いします。

<!--★画像★-->
<a href="java script:void(win01('./detail_image.php?product_id=<!--{$arrProduct.product_id}-->&image=main_large_image<!--{if $smarty.get.admin == 'on'}-->&admin=on<!--{/if}-->','detail_image','<!--{$arrFile.main_large_image.width+300}-->', '<!--{$arrFile.main_large_image.height+300}-->'))">
<img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" />
</a>
<p>

拡大前が
２７０×２７０
で、拡大された中が
５００×５００
になっているのがわかると思います。（画像のプロパティを見ればすぐわかります）
ということで、５００にあわせてあげればよさげ？

+230 ではどうでしょう？