quick cart（クイックカート） 4 MT と lightbox（ライトボックス）　D-log

« MT4～　カスタムフィールドのチェックボックスのカスタマイズ | | css win safariのバグ »

quick cart（クイックカート） 4 MT と lightbox（ライトボックス）

クイックカートはフラッシュで作られているのでlightboxと併用すると
フラッシュが優先的に表示されてしまいます。
以前フラッシュよりlightboxを優先させる方法をご紹介しましたが今回はMT用のクイックカートプラグインのフラッシュ部分のソース変更方法をご紹介します。

ファイルの場所は
cgi/mt/mt-static/plugins/QuickPlugins/QuickCart/quickcart.js

カートの表示をライトボックスより後ろに表示させる

document.write('<param name="movie" value="'+quickcart_url+'quickcart.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="'+quickcart_url+'quickcart.swf" quality="high" bgcolor="#ffffff" flashvars="DATA='+escape(location.href)+'&PROTOCOL='+location.protocol+'&HOST='+location.hostname+'&PATH='+cgipath+'" width="200" height="520" name="quickcart" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="'+location.protocol+'://www.macromedia.com/go/getflashplayer" />');

↓↓↓↓↓

document.write('<param name="movie" value="'+quickcart_url+'quickcart.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="'+quickcart_url+'quickcart.swf" quality="high" bgcolor="#ffffff" flashvars="DATA='+escape(location.href)+'&PROTOCOL='+location.protocol+'&HOST='+location.hostname+'&PATH='+cgipath+'" width="200" height="520" name="quickcart" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="'+location.protocol+'://www.macromedia.com/go/getflashplayer" />');

ボタンもフラッシュで作られているので修正

document.write('<param name="movie" value="'+quickcart_url+'quickorder.swf" /><param name="quality" value="high" /><param name="bgcolor" value="'+(bg_color?bg_color:'#ffffff')+'" /><embed src="'+quickcart_url+'quickorder.swf" quality="high" bgcolor="'+(bg_color?bg_color:'#ffffff')+'" flashvars="DATA='+item_url+','+name+','+(postage?price+'('+postage+')':price)+',1,'+stock+','+(btn_color?'0x'+btn_color.substr(1):'')+','+(bg_color?'0x'+bg_color.substr(1):'')+'" width="100" height="25" name="quickorder" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="'+location.protocol+'://www.macromedia.com/go/getflashplayer" />');

↓↓↓↓↓

document.write('<param name="movie" value="'+quickcart_url+'quickorder.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="'+(bg_color?bg_color:'#ffffff')+'" /><embed wmode="transparent" src="'+quickcart_url+'quickorder.swf" quality="high" bgcolor="'+(bg_color?bg_color:'#ffffff')+'" flashvars="DATA='+item_url+','+name+','+(postage?price+'('+postage+')':price)+',1,'+stock+','+(btn_color?'0x'+btn_color.substr(1):'')+','+(bg_color?'0x'+bg_color.substr(1):'')+'" width="100" height="25" name="quickorder" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="'+location.protocol+'://www.macromedia.com/go/getflashplayer" />');

要は
<param name="wmode" value="transparent" />
の追加と
src部分にwmode="transparent"を追加しただけです。