Хак открытия ссылок и картинок с помощью shadowbox скрипта (Всплывающее окно) в ShopCMS

Преамбула

Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 20 Кб, а если очистить от комментариев и ужать, то будет в разы меньше. Для себя я выбрал Shadowbox, так как данный скрипт можно легко настраивать под различные нужды, применять скины, также есть поддержка локализаций и на сайте разработчика можно собрать под себя необходимый билд пометив те функции, которые необходимы.

Из дополнительных функций имеется поддержка Quick Time, Windows Media Player, Flash, Flash video, HTML, и загрузка внешних страниц.

1. в в head.tpl.html прописываем

{* галлерея shadowbox увеличение картинки при нажатии курсора *}
<link rel="stylesheet" type="text/css" href="/js/shadowbox/shadowbox.css">
<script type="text/javascript" src="/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({literal}{{/literal}
 language:   "ru",
 players: [ "img", "swf", "swf", "qt", "wmp", "iframe", "html"]
{literal}}{/literal});
</script>

2. Потом в этом же шаблоне до </body> ставим этот скрипт  в index.tpl.html

{* галлерея дописываем rel="shadowbox[Mixed]" *}
{literal}
<script type="text/javascript">
<!--
//shadowbox idea by spacesite.ru
sb=document.getElementsByTagName("a");
for(sw=0;sw<sb.length;sw++){
if(sb[sw].className=="link"){
sb[sw].rel="shadowbox[Mixed]";
sb[sw].title="Tata";}}
//-->
</script>
{/literal}

3. в ссыслках в свойствах css link пишем link

пример применения можно лицезреть на сайте Интернет-магазин запчастей ТАТА  http://www.tataspb.ru/

запчасти ТАТА