# install easy light boxhttp://www.magentocommerce.com/magento-connect/TemplatesMaster/extension/1487/magento-easy-lightbox
# xmledit
./app/design/frontend/default/default/layout/easylightbox.xmlreplace
easylightbox
to
shadowbox
# phtmlcopy
./app/design/frontend/default/default/template/easylightbox/media.phtmlto
./app/design/frontend/default/default/template/shadowbox/media.phtmledit or download
http://www.panticz.de/sites/default/files/magento/shadowbox/media.phtml
# jscopy
./custom/shadowbox/shadowbox.jsto
./skin/frontend/default/default/js/shadowbox.js
edit ./skin/frontend/default/default/js/shadowbox.js
add
onclick="Shadowbox.close()"
to
id="sb-wrapper-inner"
# csscopy
./custom/shadowbox/shadowbox.cssto
./skin/frontend/default/default/css/shadowbox.css
edit ./skin/frontend/default/default/css/easylightbox.css
add
#sb-body,#sb-loading{background-color: #FFFFFF;}
#sb-wrapper-inner{background-color: #FFFFFF;padding: 5px;}
replace
url(
with
url(/skin/frontend/default/default/images/shadowbox/
replace
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
with
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
replace
#sb-loading-inner span{background:url(/skin/frontend/default/default/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;color:#666666;}
to
#sb-loading-inner span{background:url(/skin/frontend/default/default/images/shadowbox/loading.gif) no-repeat;padding-left:38px;display:inline-block;color:#666666;}
# imagescreate dir
./skin/frontend/default/default/images/shadowbox/copy *.png and *.gif to
./skin/frontend/default/default/images/shadowbox/copy
./skin/frontend/default/default/images/lightbox/loading.gifto
./skin/frontend/default/default/images/shadowbox/loading.gif# Linkshttp://vonlind.com/2008/06/adding-shadowbox-to-magento-ecommerce/
http://www.shadowbox-js.com/